Buubel: CSS Layout geht mit IE 6 nicht

SELF-Forum

CSS Layout geht mit IE 6 nicht

Buubel
– Informationen zu den Bewertungsregeln

Hallo Leute!

Ich hab folgendes Problem:

Ich verwende ein mehrspaltiges CSS-Layout wie das in Selfhtml beschriebene. Auf der Linken Seite hab ich die Navigation mit "width:20%;" und daneben den Inhalt, der den restlichen Platz ausfüllt.

Das funktioniert auch alles, aber nur mit <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">. Als ich dann mal <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> reingesetzt hab hatte ich plötzlich im IE6 eine vertikale Scrollleiste, die man aber nur ein ganz bisschen bewegen konnte. Wenn ich die Bildschirmauflösung vergrößert oder verkleinert hab, blieb die Scrollleiste exakt in der Größe erhalten. Vorher hat sich das Layout fließend an die Auflösung angepasst und ich hatte nie eine Scrolleiste. Das gleiche Problem hab ich auch mit <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">.

Handelt es sich hier um den Box-Model-Fehler? Firefox zum Beispiel macht mir keine Probleme.

Welche Doctype sollte man überhaupt verwenden, bzw. welche Doctype ist zukunftssicher? Bzw.: Standard-Modus oder Quirks-Modus? Wie gesagt, wenn ich das ganze im Quirks-Modus laufen hab geht es. Ich würde mich aber gerne an den Standards orientieren...

Hier ist mein CSS-Quelltext:

/* Navigation als Liste, soll 20% Breite haben */

ul#navigation
{
float:left;
width:20%;
margin:0;
padding:0;
border:none;
background-color:#ff4040;
}

ul#navigation li     /* Blendet die Listenpunkte aus */
{
list-style:none;
}

#oben                /* Erzeugt einen Rahmen über den Links */
{
border-top:1px dashed white;
padding:0.5em;
}

/* Inhalt neben der Navi mit variabler Breite */

div#inhalt
{
margin-left:25%;
margin-right:0.25em;
background-color:#404040;
padding:0.5em;
}

Ich hoffe mir kann jemand weiterhelfen. Danke schon mal im Voraus!

Mfg Buubel

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS Layout geht mit IE 6 nicht

    Zeromancer
    – Informationen zu den Bewertungsregeln

    Hallo Buubel,

    hilft dir vielleicht http://aktuell.de.selfhtml.org/tippstricks/html/scrollbalken/index.htm weiter?

    Mit freundlichen Grüßen,
    André

    --
    Ein Geleitzug aus tausend Explosionen
    irgendwo in den Sternen verborgen
    relatives Sein zerbricht die Stille
    eine Träne flüstert Gottes Wille
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS Layout geht mit IE 6 nicht

      Buubel
      – Informationen zu den Bewertungsregeln

      Danke schon mal.

      hilft dir vielleicht http://aktuell.de.selfhtml.org/tippstricks/html/scrollbalken/index.htm weiter?

      Nee leider nicht wirklich.
      Ich verwende ja erstens keine Frames. Im Artikel wird gesagt, man soll einfach in den Quirks Modus schalten, doch da komm ich ja her! Den hatte ich ja vorher (als noch alles ging!!!), ich will aber ja meine Seite im Standard-Modus haben. Und deshalb auch gerne valides CSS haben... Hast du sonst noch ne andere Idee?

      Grüße Buubel

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln