ugrás a tartalomhoz

Szélre zárt menü table nélkül

MrPrise · 2005. Nov. 2. (Sze), 16.59
Hello!

Szeretnék egy olyan menüsort (csak linkek vannak benne) ami 2 részből áll.
Az egyik fele balról kezdődik, a másik fele pedig jobb szélről.
Az egész menüt 1 divbe raktam, aztán a 2 felét ebbe külön-külön is 1-1 div-be.
A 2 belső divet float:left és float:right-tal igazítom. Ez így szép és jó is, viszont szeretném ha a menünek tudnák háttérszínt is adni. Itt kezdődik a móka. Ha a befoglaló divnek adok háttérszínt (ennek szeretnék) akkor nem látszik a háttérszín.

A float-on kívül mivel lehet még ezt megcsinálni?

Köszi!
‹ CSS padding es margin hibák, de hol? Ha linkeknél szöveg helyett kép van, akkor rés keletkezik a képek között (XHTML) ›
 ■
1

látszani kéne

Anonymous · 2005. Nov. 2. (Sze), 18.18
IE, FF is.
így próbáltam, de lehet, hogy nem értem:
div.left {
	float: left;
}
div.left {
	float: right;
}
div#menu {
	background-color: yellow;
}

<div id="menu">
	<div class="left">texttext</div>
	<div class="right">texttext</div>
</div>
üdv,
Tasi
2

<Nincs cím>

Anonymous · 2005. Nov. 2. (Sze), 18.58
Na ez nekem is jópárnapi keresgelesbe kerult. A megoldas:
http://www.positioniseverything.net/easyclearing.html
neked adaptalva:
div.left {
	float:left;
}
div.right {
}
div#menu {
	background-color: yellow;
	text-align:right;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div id="menu" class="clearfix">
	<div class="left">texttext<br>sdfas</div>
	<div class="right">texttext<br></div>
</div>
3

<Nincs cím>

MrPrise · 2005. Nov. 2. (Sze), 19.40
Köszönöm szépen, sikerült megoldanom.
A float: right helyett a text-align:right nekem nem volt jó, viszont float:right igen.