Supportnet / Forum / Webseiten/HTML
Breites Bild zerstört Design. Aber verstehe nicht warum?!
Frage
Hallo,
ich habe ein merkwürdiges Problem auf folgender Seite: [url]http://sntool.wundi.net[/url]
Sobald innerhalb des weißen Hauptbereiches ein Objekt (z.B. Bild) breiter als 520 Pixel ist, wird der Rand link oder rechts (je nach Browser) "zerstört"
Z.B. hier: [url]http://sntool.wundi.net/index.php?action=screenshots&image=3#image[/url]
Da habe ich mal das Bild absichtlich in der Originalgröße gelassen um es zu demonstrieren (bei den anderen habe ich sie auf 520 Pixel Breite gestaucht).
Im Internet Explorer verschwindet ein Pixel links vom Rand der Seite. Mit Opera ein Pixel am rechten Rand (wobei es hier nicht so gravierend ist, weil es dann einer von der mittleren Randfarbe ist, und das nicht so extrem auffällt)
Normalerweise habe ich doch mehr Platz. Die Tabelle ist 800 Pixel breit (0 Pixel Abstand zum Inhalt und kein Rahmen). Minus 2*7 Pixel Rand und nochmal minus 2*5 Pixel Innenabstand in der Hauptzelle (weißer Hintergrund). Das macht doch eigentlich 776 Pixel Breite.
Aber warum passiert dass dann bei Bildern größer als 520 Pixel?
[i]<gruß thj>[/i]
Antwort 1 von TheHappyJoker
Hallo,
okay, Problem ist schon gelöst. Musste nur Leerzeichen (& n b s p ;) in leere Zellen einfügen.
<gruß thj>
okay, Problem ist schon gelöst. Musste nur Leerzeichen (& n b s p ;) in leere Zellen einfügen.
<gruß thj>
Antwort 2 von TheHappyJoker
EDIT:
Doch zu früh gefreut.
Beim letzten Bild (Developers Choice) will es im Internet Explorer noch nicht so richtig klappen...
Aber warum?!
<gruß thj>
Doch zu früh gefreut.
Beim letzten Bild (Developers Choice) will es im Internet Explorer noch nicht so richtig klappen...
Aber warum?!
<gruß thj>
Antwort 3 von rfb
der IE berechnet die Blockgröße anders als die anderen Browser (nämlich einfach falsch, siehe http://www.css4you.de/wsboxmodell/index.html#browser), daran wirds wohl liegen, dass er mehr Platz braucht.