[sabbas]

Hallo,

ich lerne gerade CSS und probier so etwas rum. Jedenfalls gibt es diesmal ein Problem mit der Anzeige im Mozilla, im IE sieht es so aus wie beabsichtigt. Nachdem ich lange den Fehler gesucht habe, geb ich jetzt auf und frag ein paar Profis von Euch um Rat. Die Seite findet ihr unter [URL="http://www.hostels-worldwide.com/test3/index3.html"]
Die Navigation im Mozilla soll natürlich links unter dem Logo sein. Außerdem frage ich mich, warum der Content Bereich in den Header reingeht und nicht wie im IE an den Header anschließt.

Der CSS Code sieht so aus:

*{margin: 0;  padding: 0; }
body { color: #3d3d3d; background-color:  #BDB76B; font-size: 90%; font-family: "Verdana", Arial, Helvetica, sans-serif; font-weight: normal;}
p { color: #2b4028; line-height: 1.2em; font-size: 80%;}
h1 {color: #204b23; font-size: 2em; font-weight: bold; line-height: 1.5em}
h2 {color: #204b23; font-size: 1em; font-weight: bold; text-decoration:underline; line-height: 1.5em}
a:link 	{color: #e1abc5;font-weight: bold; text-decoration: none;}
a:visited { color: #e3c386; font-weight: bold; text-decoration: none; }
a:hover  { color: #ce146e; font-weight: bold; text-decoration: none; }
a:active { color: #ce146a; font-weight: bold;  text-decoration: none; }
#header {width: 950px; background-color:  #BDB76B; }
#titel { margin-top: 70px; margin-left: 300px; width: 700px; }
#logopic { float: left; width: 200px; height: 184px; background-image: url(images/lilylogo.jpg); background-repeat: no-repeat ; border: 1px solid; }
#content {margin-left: 200px; width: 750px; height: 600px; background-image: url(images/lilybackground.jpg); border: 1px solid }
.center { text-align: center; }
#navi {background-color:  #34411C ; list-style-type: none; width: 150px ; height: 600px; float: left; line-height: 3em; font-size: 90%; }
#navi ul {list-style-type: none; margin-left: 10px; padding: 0px;}
#navi li {margin-left: 5px; margin-top: 10px; padding: 0px; }
#navi li a, #navi li a:link {text-decoration: none; padding: 0 10px; color:  gray}
#navi li a:visited {color: #e3c386;}
#navi li a:hover, #navi li a:focus
#navi li a:active {color: #ce146a; background-color: #f6f69a;}

sab

[etux]

Hallo sabbas,
„logopic“ braucht kein „float“ um im „heder“ links zu stehen. Dann passt es (erstmal).
Grüße: Emil

[sabbas]

problem gelöst, super ganz vielen dank!!!!!!!!!!!!!!!!!!!!!!!!!!!!
sab

[hubspe]

Hi,

was soll der
Doppelpost

[Crizzo]

Forumübergreifend... Man kann es auch übertreiben!