Autor Zpráva
bad layouter
Profil *
Ahoj. Mám opravdu BIG problem. :-) Asi se to zde už objevilo milionkrát, ale já bych potřeboval radu k mému konkrétnímu problému. Jednoduše potřebuji, aby se mně zobrazovala patička stránky po tom, co na elementy nacházející se nad ní aplikuji plavání. Vím, že plavání nějakým způsobem naruší vykreslování (nevím, jestli narušení je správný termín, ale jak jinak si vysvětlit, že se mně patička umístí za elementy kde mám dané plavání?) a pak už to dělá jen neplechu. Teda alespoň mně.

Zde je i kód:

<!DOCTYPE html>

<html>

    <head>
        <meta charset="utf-8"/>
        <style type="text/css">
            body {
                margin: auto;
            }
            #layout {
                width: 1000px;
                margin: auto;
            }
            #header {
                width: 1000px;
                height: 50px;
                background-color: yellow;
            }
            #wrapper {
                width: 1000px;
            }
            #menu {
                width: 200px;
                height: 500px;
                float: left;
                background-color: blue;
            }
            #content {
                width: 800px;
                height: 500px;
                float: right;
                background-color: green;
            }
            #footer {
                width: 1000px;
                height: 300px;
                background-color: aqua;
            }
        </style>
    </head>
    
    <body>
        <div id="layout">
            <div id="header"></div>
            <div id="wrapper">
                <div id="menu"></div>
                <div id="content"></div>
            </div>
            <div id="footer"></div>
        </div>
    </body>
    
</html>

Konkrétně bych tedy chtěl docílit toho, aby se mně #footer zobrazoval pod #wrapper a ne za ním. Děkuji za jakoukoli pomoc.
engien
Profil *
Musíte ukončit plavání. A to se dělá jak?








www.pixy.cz/pixylophone/2003_12_archiv.html
Found;
bad layouter
Profil *
Prosím neodpovídejte mi otázkou. Já bych opravdu potřebovat poradit. Klidně mně to napište jako pro pitomce. :-)
engien
Profil *
Uznávám, že odpověď nebyla dostatečná a v druhém odkaze je nějaký bordel na konci.

Clear
Trejpa
Profil
bad layouter:
Klidně mně to napište jako pro pitomce. :-)

Tohle <div id="footer"></div> dej dovnitř (na konec) tohohle <div id="wrapper">.

Ve stylech #footer {} přidej řádek clear: both;.

A je zbytečné všemu nastavovat rozměry. Šířku nastav jen pro #layout a ty dva plovoucí bloky. Výška je vhodná tak pro hlavičku s logem, ale jinde ji nepotřebuješ; dokud tam nedáš obsah, můžeš použít raději min-height.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: