Programmiererstrang

[Klopperhorst]

Da hier sicher auch viele PC-Heinis anwesend sind, ist es Zeit für den ersten und offiziellen Programmiererstrang. Besprochen werden sollen vor allem knifflige Probleme. Vielleicht kann man sich so neue Ideen geben oder etwas helfen.

Ich fange mal mit einer Geschichte an. Der Internetexplorer hat einen eklatanten Bug bei der Umsetzung von CSS 2.0 Layouts, und zwar addiert er den Margin-Bereich von 3 Pixeln zum Box-Modell hinzu. Jetzt ist mir ein Bug aufgefallen, der es in sich hat. Ich konnte das Problem noch nicht beheben. Vielleicht weiss jemand weiter?

Rechts-Floatendes Image mit Text, der links daran vorbeigeht, unten eine Statusleite, die mit clear:both; abschließt und ein <hr> enthält. Unter das Image werden ca. 30 Pixel gehauen, während er im Opera und Firefox vernünftig abschließt.

Hier die CSS:

div#image {
position:relative;
top:0px;right:0px;
float:right;
display:block;
}

<div id="image"><img src="<?=$imgFilename;?>" alt=""> ... </div>
<p>Langer Text</p>
<p style="clear:both;"><hr> ...</p>

Warum macht die Pisse 30 Pixel unter das Image, wenn es rechts floatet? Das <hr> ist vernünftig formatiert, d.h. 1 Pixel hoch.

---

[wtf]

Hat mit Programmieren eigentlich nichts zu tun. Die IE ist scheißenbuggy, fast so ein Alptraum wie früher NN4.7.

Mach doch mal in die div#image margin: 0 0 0 0; rein und zum Debuggen ein border: 1px solid #ff0000; , damit man sieht, welches Element sich daneben benimmt.

[Klopperhorst]

Hat mit Programmieren eigentlich nichts zu tun. Die IE ist scheißenbuggy, fast so ein Alptraum wie früher NN4.7.

Mach doch mal in die div#image margin: 0 0 0 0; rein und zum Debuggen ein border: 1px solid #ff0000; , damit man sieht, welches Element sich daneben benimmt.

Das mit dem Border ist eine gute Idee, das mit dem margin habe ich auch schon versucht. Der IExpl. ist die letzte Kacke, aber echt.