✔ Abstand zwischen <li></li><li></li>

[Philipp-]

Und deinen Hintergrund solltest du nochmals überarbeiten.. ^^

Das Design ist nicht von mir xD

@ Rest: So hab im Ie 7 und 6 noch Fehler, schaut euch die Seite mal im Ie 6 und Ie 7 an, dann wisst ihr was ich mein.

http://www.linkfile.de/download-3dd48ab31d016ffcbf3314df2b3cb9ce.php Hier ein Screen vom Ie 6. Im Ie 7 kommen nur die Abstände fehler vor..

Wäre nett wenn mir jemand helfen könnte.

mfg
Philipp

 

[Maik]

Im IE6 tritt der sog. "3px-Gap-Bug" auf, weshalb die Spalten nach unten verschoben werden, dem du folgendermaßen begegnest:

#sideBarLeft {
        float:left;
        width:320px;
        text-align:left;
        height:100%;
        margin-right:0 !important; /* moderne Browser */
        margin-right:-3px; /* IE6 */
        }

#sideBarRight {
        float:right;
        width:495px;
        text-align:left;
        height:100%;
        margin-left:0 !important; /* moderne Browser */
        margin-left:-3px; /* IE6 */
        }

#sonstiges {
        width:166px;
        padding:0;
        margin:0;
        float:right;
        margin-right:7px;
        margin-left:0 !important; /* moderne Browser */
        margin-left:-3px; /* IE6 */
        }

Die Lücke zwischen dem mittleren und unteren Boxenteil schliesst du auf diese Weise:

.smallBox ul li {
        list-style:none;
        list-style-position:outside;
        list-style-type:none;
        float:left;
        }

 

[Philipp-]

Danke dir.
Von dem "3px-Gap-Bug" hab ich noch nie was gehört.
Die Listen sind schon kompliziert in den ganzen Browsern.
Gibt es dafür irgendwie ne Seite, wo die Listen mehr erklärt sind, bzw.
wo die meisten Fehler augelistet sind?

Und wie ist das mit dem !important ? Unterstützen das nur neuere Browser wie
der Ie 7, FF 2 ?

mfg
Philipp

 

[Maik]

Hi,

es gibt unzählige Seiten im Netz, die sich mit der "CSS-Listennavigation" beschäftigen, aber eine Referenz, in der alle möglichen Darstellungsfehler innerhalb des Listenelements aufgeführt sind, ist mir nicht bekannt.

Die !important-Regel wird von allen modernen Browsern, darunter auch vom FF und IE7, unterstützt.