Autor Zpráva
Michal Kolesa
Profil
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
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
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
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
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
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
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
Stále není orámovaná celá stránka
Bubák
Profil
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
To jsem přidal a nic
Michal Kolesa
Profil
Pardon, já jsem nevymazal to float

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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