nicht angemeldet
Alternative zu clear:both
Kurze Frage zu dem Codefragment unten:
Absatz 1 wird neben dem Foto angezeigt. Absatz 2 wird wieder unter dem Foto angezeigt. Damit der zweite Absatz wieder unter dem ersten Foto steht ist eine "clear:both" notwendig. Das klappt zwar so... so wirklich zufrieden bin ich mit dieser Lösung allerdings nicht.
Habt ihr vielleicht eine bessere Idee?
<head>
<style type="text/css">
#image {
float: left;
}
#clearen {
clear: both;
}
</style>
</head>
<body>
<div id="content">
<img id="image" src="foto.jpg">
<p>dieser Text steht neben dem Foto</p>
<p id="clearen">dieser Text steht unter dem Foto</p>
</div>
</body>
-
Habt ihr vielleicht eine bessere Idee?
Ich schätze mal, dir gefällt nicht, dass du dem p-Tag eine extra ID geben musst. Das lässt sich einfach so beheben:
<head> <style type="text/css"> #image { float: left; } #image + p + p { clear: both; } </style> </head> <body> <div id="content"> <img id="image" src="foto.jpg"> <p>dieser Text steht neben dem Foto</p> <p>dieser Text steht unter dem Foto</p> </div> </body>Gruß,
lukas-
Ich schätze mal, dir gefällt nicht, dass du dem p-Tag eine extra ID geben musst. Das lässt sich einfach so beheben:
#image + p + p {
clear: both;
}der adjacent selector funktioniert im ie6 nicht
-
der adjacent selector funktioniert im ie6 nicht
Ja, stimmt, hätte ich vielleicht noch dazu schreiben sollen. Aber das ist jetzt ihm überlassen - ist er fleißig und gibt jedem <p> eine id oder verzichtet er auf den IE6 und macht es sich gemühtlich :-D
Aber an sonsten könnte man dem IE6 mit Javascript eine kleine Stütze geben, damit er es auch checkt.
-
-
-
Das klappt zwar so... so
Deine Kontext kann sich wiederholen?
Verwende Klassen statt IDs.mfg Beat