Hallo,
bin mir nicht sicher, welcher Art mein Problem überhaupt ist.
Ich hab hier ein seltsames Verhalten im Firefox: unterhalb eines Bildes macht der hier einen kleinen Abstand zum nächsten Element. Ein paar Beispiele:
falsch:
http://schietinger.com/newsgroups/mit_rand.html
richtig:
http://schietinger.com/newsgroups/kein_rand_im_ff.html
Vom IE bin ich das ja gewöhnt... Der kriegts aber hin, wenn kein whitespace zwischen dem img und dem folgenden Tag ist.
für den IE:
http://schietinger.com/newsgroups/so_kanns_der_ie.html
Code:
<html>
<head>
<title>ein dummer abstand</title>
<style type="text/css">
* { margin:0px; padding:0px; }
body { background-color:#ccc; }
p { background-color:#fff; }
.eins { border:solid 5px #f00; }
img { border:solid 5px #ff0; }
</style>
</head>
<body>
<p class="eins">p 1</p>
[img]http://css4you.de/images/logo_2.gif[/img]
<p class="eins">p 2</p>
<p class="eins">p 3</p>
</body>
</html>
Und jetzt der Punkt: Der Code in 'falsch' und 'richtig' ist beide Male der gepostete. Der Unterschied ist nur der Doctype!
Mit dem wirds 'richtig' dargestellt:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
mit dem 'falsch':
Code:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
und mit dem auch
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Muss also irgendwie mit dem strict zusammen hängen???
Ist das ein FF-Gag? Wollten die auch einen 3-Pixel-Bug haben?
Stimmt irgenwas im CSS nicht?
Fragen über Fragen...
Achim