ugrás a tartalomhoz

float :right

Batka1985 · 2009. Szep. 29. (K), 10.09
Sziasztok. A problémám a következő lenne: a "top"-divbe szeretném elhelyezni a menü-t. Viszont ha alkalmazom a float:right parancsot, az egész oldal szétesik, és a menü is kiesik a "top"-divből. Mi a megoldás, hogy jobbra igazodjon a menü és, hogy maradjon a top-ban? Esetleg a clear-tulajdonsággal kéne vlmit kezdeni?
Segítségeteket előre is köszönöm!
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
  2.     "http://www.w3.org/TR/html4/strict.dtd"  
  3.     >  
  4. <html lang="en">  
  5. <head>  
  6.     <title>Happy Holidays</title>  
  7.      
  8.     <style type="text/css">  
  9.     #sitename{  
  10.                 display:block;  
  11.                 float:left;  
  12.                 font-size:28px;  
  13.                 padding-top:5px;    
  14.               }   
  15.       
  16.     #topmenu{  
  17.             display:block;  
  18.             float:right;  
  19.             list-style-image:none;  
  20.             list-style-position:outside;  
  21.             list-style-type:none;  
  22.             min-width:400px;  
  23.             padding-top:11px;  
  24.             }  
  25.     </style>  
  26. </head>  
  27.   
  28. <body>  
  29.     <div id="contener">  
  30.         <div id="top">  
  31.             <h1 id="sitename">  
  32.                 <a href="#">Happy <span>Holidays</span></a>  
  33.             </h1>  
  34.             <ul id="topmenu">  
  35.                 <li><a href="#">HOME</a></li>  
  36.                 <li><a href="#">BLOG</a></li>  
  37.                 <li><a href="#">TABLES</a></li>  
  38.                 <li><a href="#">FORMS</a></li>  
  39.             </ul>      
  40.         </div>  
  41.          <div id="header">  
  42.             <h1> A free CSS template by B@tka<br> </h1>  
  43.             <p> Happy Holiday</p>  
  44.         </div>     
  45.     </div>          
  46. </body>  
  47. </html>  
‹ jquery menü Dreamweaver CS4 ›
 ■
1

Esetleg a clear-tulajdonsággal kéne vlmit kezdeni?

DonPepito · 2009. Szep. 29. (K), 13.08
Igen, a </ul> után tedd be: <div class="clear"></div>
A css pedig:
  1. .clear { clear: both }  
2

köszi

Batka1985 · 2009. Szep. 29. (K), 14.05
Köszi a segítséget, most már működik!!!:D