Hallo Kim,
wenn ich die Seite mit dem Firefox aufmache, dann wird die rechte Menüleiste vom Inhalt nach unten gedrückt. Offensichtlich stimmt das Zusammenspiel von DIV im HTML-Template und deren Formatierung im CSS nicht. (Sofern das ein 3-Spalten Layout sein sollte).
und dazu folgendes CSS:Code:<!-- ###DOCUMENT_BODY### START--> <div id="container"> <div id="header"> <!-- ###TOPNAV### START --> <div class="topnav"> <a href="#">Navigation One</a> </span> <span class="topnav_act"><a href="#">Navigation two</a> </div> <!-- ###TOPNAV### END --> </div> <div id="wrapper"> <div id="main-content"> <!-- ###CONTENT### START--> <H2>- Title -</H2> <P>this is the where center content goes</P> <!-- ###CONTENT### END--> </div> <div id="right-content"> <br> <!-- ###CONTENT_RIGHT### START--> <H2 align="justify">- Title -</H2> <p>this is the where right content goes</p> <!-- ###CONTENT_RIGHT### END--> </div> </div> <!-- end #wrapper --> <div id="left-content"> <!--###VERTNAV### START--> <div class="vertnav1"><a href="#">Level 1 item</a></div> <div class="vertnav1-act"><a href="#">Level 1 item active</a></div> <div class="vertnav2"><a href="#">Level 2 item</a></div> <div class="vertnav2-act"><a href="#">Level 2 item active</a></div> <div class="vertnav3"><a href="#">Level 3 item</a></div> <div class="vertnav3-act"><a href="#">Level 3 item active</a></div> <!--###VERTNAV### STOP--> <br> <!-- ###CONTENT_LEFT### START--> <H2 align="justify">- Title -</H2> <p>this is the where left content goes</p> <!-- ###CONTENT_LEFT### END--> </div> <div id="footer"> </div> <!-- end #container --> </div> <!-- ###DOCUMENT_BODY### END-->
Das ergibt ein dreispaltiges Layout, das auch im Firefox funktioniert.Code:body { margin:0; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#FFFFFF; } #container { border:1px solid #7EBFD8; top:0px; background:url(../images/background.gif) 0 0 repeat; position:relative; width:770px; margin:0 auto; text-align:left; } #header{ clear:both; text-align:left; padding:0px; top:0px; left:0px; width:770px; height:146px; background:url(../images/header.jpg) 0 0 no-repeat; position:relative; z-index: 10; } #left-content { float:left; width:175px; position:relative; top:2px; left:0px; } #wrapper { float:right; width:570px; } #main-content { float:left; width:385px; position:relative; top:2px; left:-10px; padding-bottom:5px; } #right-content { float:right; width:175px; position:relative; top:2px; } #footer{ clear:both; text-align:left; font-size:10px; border-top:1px solid #95BECD; background:#FFFFFF; padding:4px; }
Was mich dringend interessieren würde: wie hast Du die Aufteilung des Menüs in zwei Tele hinbekommen? So etwas suche ich hier gerade und kriege es nicht hin.
Grüße, Merry




LinkBack URL
About LinkBacks
Zitieren
Lesezeichen