Herkunft eines Abstands

**NoName26** · 19.12.2012, 12:42

Hallo,

ich habe ein kleines CSS-Problem, dessen Ursache ich nicht finde. Betrifft die Seiten
http://goo.gl/bEz2l
http://goo.gl/FjyqU
http://goo.gl/MhveS

Unter den kleinen Bildern auf der rechten Seite (PSI und Korb) ist der Abstand zum Rand der orangen Box größer als rechts und links. Allerdings betrifft das nur die o.g. Seiten. Bei allen anderen Seiten, die das gleiche Seitenlayout benutzen und genau so aufgebaut sind, wie o.g. Seiten, tritt dieses Phänomen nicht auf. Zum Testen einfach mal durch die Menüs auf der linken Seite klicken.

Hat jemand eine Idee, wo der Abstand her kommt?

**aportmann** · 19.12.2012, 13:56

das liegt daran, dass bilder standardmässig inline-elemente sind. stichwort dazu ist die baseline.

abhilfe schafft ein display:block.

gruss andi

**CeeKay** · 19.12.2012, 14:10

Das stimm zwar, gilt aber für beide Seiten. Somit dürfte dort das Verhalten nicht verschieden sein.

Der Grund liegt hier im genutzten Doctype. Die meisten Browser unterscheiden nicht nur zwischen Quirks Mode und Full Standards Mode sondern kennen auch einen Almost Standards Mode. Der Unterschied zwischen Full Standards Mode und Almost Standards Mode liegt darin, dass im Almost Standards Mode Bilder nicht automatisch auf der Baseline platziert werden (im Gegensatz zum Full Standards Mode), sofern kein Text vorhanden ist, der diese Platzierung forciert.

Fazit: Ändere den Darstellungsmodus über den Doctype und nutze eine der bekannten Möglichkeiten (display:block oder vertical-align:top / bottom).

Edit: Tippfehler...

**aportmann** · 19.12.2012, 14:17

da bin ich jetzt aber neugierig. der doctype ist der korrekte für html5. was genau soll er da ändern/ergänzen?

**CeeKay** · 19.12.2012, 14:25

Der Doctype ist nicht überall gleich, wir haben hier <!DOCTYPE html> (Full Standards Mode) vs. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (Almost Standards Mode).

**aportmann** · 19.12.2012, 14:40

okey, habe nur den einen link angeschaut. zumindest sind nun alle <!DOCTYPE html>

edit: jetzt geht mir ein licht auf. bei den verlinken drei seiten ist der doctype html, bei den anderen xhtml 1 transistional

**art-instinct** · 19.12.2012, 14:58

Oh man. Danke für die Aufklärung, vor diesem Problem stand ich auch schon.
Und das mit den Doctypes und Quirks/Standard Modes hätte ich schon vor 2 Wochen in der Prüfung besser gewusst. :-/ Was solls...

Thema: Herkunft eines Abstands

Themen-Optionen

Thema durchsuchen

Herkunft eines Abstands

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher