[Xippo]

Hallo liebe Mediengestalter Community,

Ich bin recht neu auf dem Gebiet also killt mich bitte nicht gleich wenn ich grobe Schnitzer in meine Codes habe. Danke für das Verständnis .

So nun zum Problem, ich gestalte gerade für Übungszwecken eine Seite, wo ich dann meine PHP, MySQL, Javascript und CSS fetzen, testen und einbinden kann. Das ganze ist natürlich von Anfang an nützlich sich etwas mit css zu beschäftigen.
Das eigentliche Problem ist das wenn ich raus zoome, mir der float zerschossen wird, allerdings verstehe ich den Grund nicht.

Kann das an der festen breite vom wrapper liegen?
Wäre cool wenn ihr vielleicht da eine Erklärung parat hab und ggf. links zu einer Lösung, hab schon gegoogelt und die Ergebnisse waren sehr spärlich leider.

Link zur angesprochenen Seite:
http://greathorsespirit.com/afterwork/

ich habe das ganze in dem Chrome Version 22.0.1229.94 m getestet was laut aussage des selben Browsers die neuste sein sollte

[Bollwitz]

Versuch mal, "position:relative;" aus dem Wrapper zu nehmen.

[Xippo]

Danke für die Antwort,

Allerdings bringt es zum gleichen Ergebnis, Floats Crashen bei STRG +[-]. Ran zoomen macht keine Problem.

Gruß
Xippo

[top]

Es gibt nun mal keine halben Pixel. Ich denke mal, dass da einige Browser beim Verkleinern lieber auf- statt abrunden. Dadurch passen deine Objekte dann nicht mehr nebeneinander in den Rahmen und rutschen untereinander.

[Struwwelpeter]

Ist zum Beispiel hier beschrieben: http://markasunread.com/2009/06/zoom-bug-in-ie78-and-firefox-caused-by-border/

[bacon]

ohne es ausprobiert zu haben. Probier's mal mit box-sizing: border-box.

[heiko_rs]

box-sizing: border-box; würde das Boxmodell verändern, d.h. die Breite der Elemente, aber falls er das will, kann er es ja auch direkt so schreiben, da er Pixelwerte benutzt. Anders sähe es natürlich aus bei % oder em.

Aber so oder so: Der übliche Weg gegen solche Rundungsfehler ist ein negativer backside-margin:

[bacon]