nicht gewollte abstände im firefox
0 
Jonathan
nicht gewollte abstände im firefox
Hallo, ich versuche mich an meiner ersten Homepage und möchte diese natürlich mit CSS formatieren.Leider habe ich schon nach dem Einfügen dreier Elemente in Divs Probleme, es geht um eine ecke links oben, eine rechts oben, und direkt darunter soll eine linie sein die mit den ecken oben abschließt. Im IE sieht es korrekt aus, im FF ist zwischen den ecken und der Linie ca 16 px abstand, obwohl ich schon bei allen elementen oben und unte padding und margin auf 0 gestellt habe.habe zwar schon in den foren geschaut, aber da ich noch Anfänger bin nicht wirklich schlau draus geworden., deswegen wäre es supernett wenn mir da jemand einen Tip geben könnte
hier das html:
<body>
<div id="content" >
<div id="kopf"><img src="../02-images/header.gif" /></div>
<div id="eckelinks" ><img src="../02-images/eckelinks.gif" /></div>
<div id="eckerechts" ><img src="../02-images/eckerechts.gif" /></div>
<div id="liniehorizontal" ><img src="../02-images/liniehorizont.gif" /></div>
</div>
</body>
und hier das css:
body {
background-color: #FFFFFF;
}
#content {
background-color: #FFFFFF;
width:832px;
height:432px;
position:absolute;
padding-left:100px;
padding-top:100px;
}
#eckelinks {
width:16px;
height:16px;
float:left;
padding-top:100px;
padding-bottom:0px;
}
#eckerechts {
width:16px;
height:16px;
padding-top:100px;
padding-bottom:0px;
float:right;
}
#liniehorizontal {
width:802px;
height:1px;
clear:both;
padding-left:16px;
padding-top:0px;
margin-top:0px;
}
das clear both war ein tip von einem freund, hat aber auch nicht geholfen...
-
Hallo,
Vieleicht hilft das: http://www.carsten-protsch.de/zwischennetz/doctype/luecken.html. Aber dein Quellcode ist sehr unsauber. Die gleichen Effekte kannst du vermutlich mit border und background-image verursachen, was wesentlich einfacher geht und nicht solche überflüssigen <img>-Elemente voraussetzt.
Jonathan