Seite 1 von 1
zwei Container problem
Verfasst: 25.04.2007 09:22
von Modest
tach leute
ich habe ein problem ich habe ein container erstellt mit 100% weite (fullsize), und in dem container habe ich zwei weitere Container erstellt. Einen für die Navigation und eine für den Hauptteil.
Jetzt das Problem. Meine Navigation soll 200px Breite haben und der Andere Container soll die restliche Breite bekommen. Ich weiß halt nicht wie ich es angeben soll.
Ich hab es schon mit *px probiert aber es hat nicht geklappt.
Ich hoffe es kann mir wer helfen
mfg
Modest
Verfasst: 25.04.2007 11:19
von konne
die restliche breite brauchst du doch nicht angeben.
Verfasst: 25.04.2007 11:24
von Modest
naja ich habe in der css die navigation mit
float:left;
und die andere sache mit
float:right;
angegeben damit die beiden nebeneinander sind.
und wie meinste das mit nicht angeben? es ist dann nicht die restliche breite weit.
mfg
Modest
Verfasst: 25.04.2007 11:36
von konne
http://de.selfhtml.org/css/eigenschafte ... .htm#float
Beachten Sie:
Wenn Sie für ein Element eine Angabe zu float notieren, mussten Sie gemäß CSS2 auch eine Angabe zu nach oben width definieren. Gemäß CSS 2.1 (und der tatsächlichen Umsetzung durch die Browser) ist dies nicht mehr erforderlich; die Breite richtet sich in diesem Fall nach dem Inhalt.
Verfasst: 25.04.2007 12:01
von Modest
edit:
es hat nicht geklappt
hier ist mal die css der drei sachen:
Code: Alles auswählen
.main {clear:both; width:100%; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y; float:right;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; margin:0 0 0 30px; float:right; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border:1px solid black;}
das main ist der hauptcontainer
das main-navigation soll die navi darstellen und das main-content ist die box die die restliche breite haben soll.
Ach ja im IE 6 funkt es. Aber ich will das es auch für den FF funkt.
hoffe es kann wer helfen.
mfg
Modest