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!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Happy Holidays</title>
   
    <style type="text/css">
    #sitename{
                display:block;
                float:left;
                font-size:28px;
                padding-top:5px;  
              } 
    
    #topmenu{
            display:block;
            float:right;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            min-width:400px;
            padding-top:11px;
            }
    </style>
</head>

<body>
    <div id="contener">
        <div id="top">
            <h1 id="sitename">
                <a href="#">Happy <span>Holidays</span></a>
            </h1>
            <ul id="topmenu">
                <li><a href="#">HOME</a></li>
                <li><a href="#">BLOG</a></li>
                <li><a href="#">TABLES</a></li>
                <li><a href="#">FORMS</a></li>
            </ul>    
        </div>
         <div id="header">
            <h1> A free CSS template by B@tka<br> </h1>
            <p> Happy Holiday</p>
        </div>   
    </div>        
</body>
</html>
 
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:

.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