Warum dieser Zwischenraum

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich ärgere mich schon geraume Zeit mit einem CSS-Layout mit Float herum.
Kennt jemand eine Lösung den nach dem floaten entstehenden Spalt oder Zwischenraum zu vermeiden? Wieso entsteht das? Ich möchte in 2 Container Images bündig einfügen, daher stört der Spalt gewaltig.
Die Lösung mittels „padding-left: -4px“ möchte ich allerdings vermeiden!

div#gesamt {
 border: 1px solid red;
 margin: auto auto;
 width: 878px;
 height: 622px;
}

div.bild {
 background-color: #00FF00;
 width: 184px;
 height: 622px;
 float:left;
}

div.logo {
 height: 141px;
}

div.link {
 background-color: #FF00FF;
 height: 29px;
}

div.main {
 background-color: #0000FF;
 height: 452px;
}

// html

Viele Grüße
Hendrik

#2

Browser-Internes Stylesheet
Hallo Hendrik,

alle Browser haben ein internes Stylesheet, d.h. wenn du Angaben NICHT machst, wird dieses genutzt. Und haben „padding“- und „margin“-Werte größer Null.

Wenn es also wirklich pixelgenau sein muss, dann solltest du erst mal ALLE Vorgaben Nullen - Beispiel: http://www.webkrauts.de/2004/12/10/das-basisstylesheet/

Dann MUSST du jedoch alle Angaben machen, sonst ist wirklich ALLES Null, auch evtl. die Zeilenhöhe und so.

Für den Hausgebrauch reicht es, wenn du für die Elemente, die wirklich bündig sein sollen, die Angaben „padding“ und „margin“ ausdrücklich machst.

Gruß

Stefan