CSS Design wird im IE falsch dargestellt

Empon

Ich hab mir mal überlegt die Tabelllen Tabellen sein zu lassen und ein Design mit CSS zu machen. Jetzt hab ich aber leider das Problem, dass der Internetexplorer das mal wieder falsch interpretiert. (Was macht der eigentlich richtig? )

Am besten guckt ihr euch die Seite einmal an:
http://www.jugendtreffs-wk.de/neu/index.htm
CSS:
http://www.jugendtreffs-wk.de/neu/style.css

Mein Problem ist, dass der Inhalt im Internet Explorer unter die Navigation rutscht. Im Firefox und in Opera ist das nicht so.

[sG|W00tkaeppi]

Code

#content {
    float: left;
    width: 520px;
    height: 100%;
    background: #3399FF;
  }

Mach da mal das draus:

Code

#content {
    float: right;
    width: 520px;
    height: 100%;
    background: #3399FF;
  }

Empon

Geht, danke!

[sG|W00tkaeppi]

Hier trifft den IE ausnahmsweise mal keine Schuld. Im Gegenteil, denn Mozilla und Opera haben diesmal falsch interpretiert. Der DIV-Block macht von sich aus schonmal einen Absatz rein, demnach muss der nächste DIV-Block unter dem ersten DIV-Block sein. Noch dazu hast Du #navi und #content float: left; zugewiesen. Also ist hier mal - nach unzähligen Webdesigns - der Mozilla und der Opera schuld

Empon

Ja, der Div-Block macht einen Absatz, das weiß ich wohl. Ich hab mich wohl von dem hier verwirren lassen:

http://tut.php-q.net/frames.html

Zitat

#banner {
height: 80px;
}
#links {
width: 30%;
float: left;
}
#mitte {
width: 69%;
float:left;
}

Alles anzeigen

Empon

Noch ein Problem:

Ich möchte unter der Navigation auf https://www.forum-hilfe.de/www.jugendtref…e/neu/index.php noch eine kleine Box machen, wo ich einen Banner reinsetzten kann. Wie mache ich das jetzt mit meinem Boxlayout?

Seite: https://www.forum-hilfe.de/www.jugendtref…e/neu/index.php
CSS: http://www.jugendtreffs-wk.de/neu/style.css

CSS Design wird im IE falsch dargestellt

Tags

Benutzer online in diesem Thema