Autor | Zpráva | ||
---|---|---|---|
Michal Kolesa Profil |
#1 · Zasláno: 28. 9. 2009, 20:45:51
Kód CSS
#telowebu { width: 960px; margin: 0 auto; border: 5px solid fuchsia; } #hlavicka { text-align: center; } #menu { width: 20%; float: left; } #text { width: 80%; float: right; } #paticka { width:100%; float:left; text-align: center; } H1 { text-align: center; } Kód HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>uuuuuuuuuuuuuuuuuuuuuuuu</title> <link rel="stylesheet" href="styl.css" type="text/css"> </head> <body> <div id="telowebu"> <div id="hlavicka"> ffffffffffffffffffffffffffffffffffffffffff </div> <div id="menu"> fgdfgfgdf fdgds sewrw wrrrrrw weeeee </div> <div id="text"> ajaklhdjkfhdjkl sdjkfhksdfhkl sdfhk hdklfhklsfhkl hklfdhklsh klsdhklhsdjkl fsdkjh fksjdhfkwhkfhwek cwerkwh werh w k whwrhekj rkwj werhjkr wkejrk wh </div> <div id="paticka"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> </div> </body> </html> Orámuje se mi pouze část "hlavička" Co mám zase blbě ? |
||
Joker Profil |
#2 · Zasláno: 28. 9. 2009, 20:56:17
Příčina je, že vše za hlavičkou je nastylované jako plovoucí, které už výšku toho hlavního prvku neovlivňují. Čili <div id="telowebu"> skutečně končí za hlavičkou a ty plovoucí prvky z něj pak vytékají ven.
Řešením je přidat "čistič", tj. prvek nastavenou vlastností clear. |
||
Michal Kolesa Profil |
#3 · Zasláno: 28. 9. 2009, 20:59:52
Kam přidat ?
Jsem začátečník. CSS zatím "studuji", většinu kódu opisuji z knih a často ani nevím co co dělá |
||
Bubák Profil |
#4 · Zasláno: 28. 9. 2009, 21:05:01
„CSS zatím "studuji", většinu kódu opisuji z knih a často ani nevím co co dělá“
Tak studuj. A nauč se vyhledávat, aby ses nemusel ptát na každou hloupost. www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082 Kdy se konečně naučíš, že se před otazníkem nedělá mezera? |
||
Joker Profil |
#5 · Zasláno: 28. 9. 2009, 21:05:45
Na konec <div id="telowebu"> (před </div>) přidat například: <hr style="clear:both">.
Záleží jak je postavený ten kód, ale v té uvedené struktuře se mi nezdá užitečná plovoucí patička, naopak bych ji právě použil jako "čistící" prvek. |
||
Michal Kolesa Profil |
#6 · Zasláno: 28. 9. 2009, 21:21:07
kniha mi na dotaz neodpoví
Já jsem zvolil plovoucí umístění, protože jsem se dočetl, že pevné se používá málo. Četl jsem to v knize od Tvorba www pro úplné začátečníky od Martina Domese od Cpress. |
||
Bubák Profil |
#7 · Zasláno: 28. 9. 2009, 21:26:37 · Upravil/a: Bubák
Jak psal Joker, je zbytečné nechat plavat patičku, ale můžeš ji využít jako "čistič".
#paticka { width:100%; clear: both; text-align: center; } „kniha mi na dotaz neodpoví“ Pokud se budeš ptát na každou blbost, odpovídajících bude ubývat. |
||
Michal Kolesa Profil |
#8 · Zasláno: 28. 9. 2009, 21:31:26
Stále není orámovaná celá stránka
|
||
Bubák Profil |
#9 · Zasláno: 28. 9. 2009, 21:39:52
Udělal jsi úpravu v CSS? Stačí změnit jeden řádek, zvýraznil jsem ho.
Orámuje se celý obsah, ale "stránku" máš krátkou. |
||
Michal Kolesa Profil |
#10 · Zasláno: 28. 9. 2009, 21:45:46
To jsem přidal a nic
|
||
Michal Kolesa Profil |
#11 · Zasláno: 28. 9. 2009, 21:47:23
Pardon, já jsem nevymazal to float
|
||
Časová prodleva: 15 let
|
0