[CSS]divs nebeneinander anordnen
-
Hi.
Ich wollte auf meiner Website links die Navigation unterbringen und rechts daneben sozusagen den aktuellen Seiteninhalt.
Ich habe das bisher mit divs realisiert: Zuerst das fuer die Nav-Bar und danach das fuer den Hauptteil.
Das ganze ist umgeben von einem weiteren div, dass an sich einfach nur einen Rahmen generieren soll.Allerdings bin ich mir jetzt nicht ganz im Klaren darueber, wie ich das mit CSS gescheit realisieren kann...
Wenn ich den Hauptteil (welcher mangels Inhalt nicht so hoch ist wie die Nav-Bar
) via "margin-top: -..." wieder auf gleiche Hoehe, wie die Nav-Leiste drapiere, wird der untere Teil der Nav-Leiste zB. im Opera (im IE siehts wunderbar aus 
) einfach abgeschnitten und ist somit nicht mehr zugaenglich. 
Wenn ich versuche das Teil mit "position: relative" und "top: -..." hochzuziehen, wird die ganze Seite um einen scheinbar zufaelligen Wert nach unten verlaengert => sieht auch nicht so toll aus...Was nu?
-
Versuch's mal mit position:relative, height:100% und zusätzlich float:left bei der Navbar
außerrum dann noch ein div, damit beide gleich hoch sind - musst halt mal ausprobieren
-
Erstmal thx.
Wenn ich in der Navbar "float: left" setze, rutscht das Teil komplett an den linken Bildschirmrand und verformt so den ganzen Rahmen um Navbar und Hauptteil.
Also in die Navbar ein float left und in den Hauptteil ein float right gesetzt.
Nun ist der aeussere Rahmen im IE nurnoch minimal zu breit.Den Hauptteil habe ich dann noch mit Position: relative wieder auf gleiche Hoehe wie die Navbar gesetzt, aber nun ist der aeussere Rahmen im IE noch immer nach unten um einiges zu gross...
BTW: Sollten die beiden divs nicht mit den floats von selbst auf die gleiche Hoehe gesetzt werden?
-
Sieht jetzt in beiden Browsern halbwegs ordentlich aus, nachdem ich margin-left und Margin-right in beiden divs jeweils auf auto gestzt habe.
-
Hallo,
http://glish.com/css/9.asp
http://bluerobot.com/web/layouts/layout1.html
http://bluerobot.com/web/layouts/layout2.htmlMfG
morpheus