✔ Menu verlauf CSS Float

[Gunah]

moin

ich habe folgendes Problem wo ich bisher keine Lösunggefunden habe...

also ich wollte nun das Design auf CSS div's anpassen und stehe nun vor einem Problem


hier mal die Seite...
# = Logo/header
* = Normalerbereich für Text.
x = Menu einträge...

##############################
##############################
xxxxxxx **********************
xxxxxxx **********************
xxxxxxx **********************
xxxxxxx **********************
        **********************
        **********************
        **********************
        **********************
        **********************
        **********************
        **********************
        **********************

so da sieht man das die Menü Einträge daoben änden.... aber es soll der rest dann dort ein verlauf sein... nur weiss ich nicht, wie ich die auf die gleiche Größe bringen kann...

in einer tabelle ist da ja einfach da wird die ja mit runter gezogen nur wie mache ich das ambesten in div's ?

MfG Gunah

 

[Maik]

Hi,

falls sich die beiden Spalten (Menü / Text) in der Höhe automatisch angleichen sollen, dürfte dir die Faux-Columns-Technik weiterhelfen.

 

[Gunah]

danke... werds so auch mal probieren, mir hatte gearde auch ein Kumpel den Trick geben, das ich den Container mit dem Verlauf füllen soll...

und dann einfach bei dem "Mainframe" also wo der Inhalt rein kommt... die BG Color oder Grafik definiert... so klappt das auch wunderbar...

habe es so im CSS gemacht:

#main {
margin:auto;
width:812px;
background-color:#c2cad8;
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
background-position:top left;
text-align:left;
}
.menu {
float:left;
width:174px;
border-right:1px #808081 solid;
}
.main {
background-color:#FFFFFF;
float:left;
width:637px;
}

<div id="main">
<div><img src="http://www.tutorials.de/forum/images/logo.jpg" alt=";)" width="812" height="135" /></div>
<div class="spacer"></div>
<div class="menu">Menu</div>
<div class="main"> Main Insert</div>
<div class="footer">&nbsp;</div>
</div>

MfG Gunah

 

[Maik]

Nichts anderes geschieht bei den "Fauxcolumns".