| Autor | Zpráva | ||
|---|---|---|---|
| bad layouter Profil * |
#1 · Zasláno: 13. 7. 2013, 13:06:58
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 * |
#2 · Zasláno: 13. 7. 2013, 13:12:36
|
||
| bad layouter Profil * |
#3 · Zasláno: 13. 7. 2013, 13:15:22
Prosím neodpovídejte mi otázkou. Já bych opravdu potřebovat poradit. Klidně mně to napište jako pro pitomce. :-)
|
||
| engien Profil * |
#4 · Zasláno: 13. 7. 2013, 13:54:50
Uznávám, že odpověď nebyla dostatečná a v druhém odkaze je nějaký bordel na konci.
Clear |
||
| Trejpa Profil |
#5 · Zasláno: 13. 7. 2013, 22:22:33
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.
|
||
|
Časová prodleva: 11 let
|
|||
0