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:
  1. div.left {  
  2.     float: left;  
  3. }  
  4. div.left {  
  5.     float: right;  
  6. }  
  7. div#menu {  
  8.     background-color: yellow;  
  9. }  
  1. <div id="menu">  
  2.     <div class="left">texttext</div>  
  3.     <div class="right">texttext</div>  
  4. </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:
  1. div.left {  
  2.     float:left;  
  3. }  
  4. div.right {  
  5. }  
  6. div#menu {  
  7.     background-color: yellow;  
  8.     text-align:right;  
  9. }  
  10. .clearfix:after {  
  11.     content: ".";   
  12.     display: block;   
  13.     height: 0;   
  14.     clear: both;   
  15.     visibility: hidden;  
  16. }  
  17. .clearfix {display: inline-table;}  
  18. /* Hides from IE-mac \*/  
  19. * html .clearfix {height: 1%;}  
  20. .clearfix {display: block;}  
  21. /* End hide from IE-mac */  
  1. <div id="menu" class="clearfix">  
  2.     <div class="left">texttext<br>sdfas</div>  
  3.     <div class="right">texttext<br></div>  
  4. </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.