probleme mit der darstellung im ie6.0

desperate_andy

hallo leute,

bin zwar kein anfänger, was html angeht, aber ich steh wirklich auf dem schlauch!

hab hier den code-schnipsel (wird eine art bildergallerie), der eigentlich im linken bereich 5 bilder untereinander anzeigen sollte, getrennt von jeweils einem "blank.gif" mit einer höhe von 1px und rechts dann das entsprechende grosse bild! das ganze funktioniert auch wunderbar in allen browsern, ausser natürlich im internetexplorer!

dieser liefert mir dicke abstände zwischen den einzelnen bildern im linken bereich und ich weiss wirklich nicht, was ich noch ausprobieren soll...
ich würde mich daher wirklich über jede hilfe sehr freuen, vielen dank schonmal!

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>


<body style="margin:0px;">
<div style="left:11%; background-color:#FFFFFF; width:719px; height:400px; position:relative; border: solid 0px red; clear:both; float:left; overflow:hidden;">

					<span style="float:left; position:relative; margin-left:1px; background-color:#FFFFFF; height:400px; width:80px; border:solid 0px black; background-color:#0066CC">
						[img]img/projectspace.gif[/img]
							[img]img/blank.gif[/img]
						[img]img/projectspace.gif[/img]
							[img]img/blank.gif[/img]
						[img]img/projectspace.gif[/img]
							[img]img/blank.gif[/img]
						[img]img/projectspace.gif[/img]
							[img]img/blank.gif[/img]
						[img]img/projectspace.gif[/img]
					</span>



					<div style="width:637px; border:solid 0px green; height:400px; float:left; margin-right:1px; background-color: #dcdcdc;">	

						<div style="background-color: #FFFFFF; width:637px; height:400px; position:relative; border: solid 0px red; text-align:center;">
							[img]img/1.jpg[/img]
						</div>

					</div>


				</div>


</body>
</html>

Alles anzeigen

Jules

Hallo desperate_andy,

versuch mal anstelle der blank.gif's ein
mit Line-height zu nutzen.
Mit den Prozenten kann man dann die Feinabstimmung vornehmen.

Code

<br style="line-height:5%" >

Gruß, Jules

Ronald

Moin!

Zitat von Jules
Hallo desperate_andy,

versuch mal anstelle der blank.gif's ein
mit Line-height zu nutzen.
Mit den Prozenten kann man dann die Feinabstimmung vornehmen.
Code
<br style="line-height:5%" >
Gruß, Jules

Ich stimme dir zu, daß die Blank-Gifs eine schlechte Lösung sind, line-height ist aber auch nicht dafür gedacht. Wenn, dann müßte das Line-height auch auf die Bildhöhe +1 Pixel gesetzt werden, also "line-height:80px" statt einer prozentualen Angabe (die richtet sich nämlich nach der Bildschirmauflösung).

Besser Lösung: Stylesheets vernünftig eingesetzt, hier "margin i.V.m. display:block":

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
.navi {width:79px; height:79px; border:0; margin:1px 0px 0px;display:block;}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>


<body style="margin:0px;">
<div style="left:11%; background-color:#FFFFFF; width:719px; height:400px; position:relative; border: solid 0px red; clear:both; float:left; overflow:hidden;">


 <span style="float:left; position:relative; margin-left:1px; background-color:#FFFFFF; height:400px; width:80px; border:solid 0px black; background-color:#0066CC;vertical-align: top;">
  [img]img/projectspace.gif[/img]
  [img]img/projectspace.gif[/img]
  [img]img/projectspace.gif[/img]
  [img]img/projectspace.gif[/img]
  [img]img/projectspace.gif[/img]
 </span>
 


 
 <div style="width:637px; border:solid 0px green; height:400px; float:left; margin-right:1px; background-color: #dcdcdc;">
  <div style="background-color: #FFFFFF; width:637px; height:400px; position:relative; border: solid 0px red; text-align:center;">
   [img]img/1.jpg[/img]
  </div>
 </div>


</div>
</body>
</html>

Alles anzeigen

G.a.d.M.

Ronald

hallo leute,

vielen dank erstmal für die antworten. leider verfehlt das gnaze bei mir den gewünschten erfolg. die grauen blöcke rutschen zwar näher zusammen, der abstand ist allerdings immernoch zu groß! hat sonst noch jemand ne idee?

vielen dank!

Tags