Autor Zpráva
Petrnson
Profil
Snažil jsem udělat patičku podle návodu plaváčka http://weblog.plavacek.net/2005-02.html#1108716997 . A nějak mi to uplně nefunguje sice patička je na dolním konci obrazovky ale pokud text je delší tak patička je na stejném místě a nepoposune se dolů.Co mám změnit aby to fungovalo?

Ukázka: [url=http://e-muzic.ic.cz/x/novy3/index.html
]http://e-muzic.ic.cz/x/novy3/index.html
[/url]


Kod CSS:


body {
text-align : center;
font-family : Arial, Helvetica, sans-serif;
}
.hlavicka {
background-image : url(background.PNG);
background-repeat : repeat-x;
height : 115px;
}
.subhlavicka {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align : left;
}
#menu {
float : right;
margin-top : 46px;
}
#menu ul {
list-style-type : none;
}
#menu li {
display : inline;
font-size : 15px;
}
#menu a {
background-image : url(menu.PNG);
background-repeat : repeat-x;
height : 31px;
float : left;
margin-left : 10px;
padding-left : 15px;
padding-right : 15px;
color : white;
text-decoration : none;
padding-top : 8px;
}
#menu a:hover {
float : left;
background-image : url(menuh.PNG);
text-decoration : none;
}
.telo {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-top : 25px;
}
.pravy {
float : right;
text-align : left;
width : 450px;
margin-top : -10px;
}
.levy {
width : 300px;
}
h1 {
font-size : 20px;
color : rgb(221, 87, 14);
}
.ramecek {
border : 2px solid rgb(234, 234, 234);
padding : 1em;
width : 290px;
}
.paticka {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
color : white;
}
.subpaticka {
background-image : url(paticka.PNG);
background-repeat : repeat-x;
height : 26px;
font-size : 14px;
}
.odsazeni {
padding-top : 5px;
}


Html kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=windows-1250" http-equiv="content-type">
<title>Sony - Tvorba webov&yacute;ch str&aacute;nek</title>


<link rel="stylesheet" href="data/css.css">

</head>


<body>

<div class="hlavicka">
<div class="subhlavicka">
<div id="menu">
<ul>

<li><a href="index.php">&Uacute;vod</a></li>

<li><a href="reference.php">Reference</a></li>

<li><a href="kontakt.php">Kontakt</a></li>

</ul>

</div>

<img style="width: 281px; height: 93px;" alt="Sony - Tvorba webov&yacute;ch str&aacute;nek" src="data/logo.png">
</div>

<div class="telo">
<div class="pravy">
<h1>&Uacute;vod</h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nec dui.
Integer tortor wisi, adipiscing id, lacinia in, dapibus ut, leo.
Suspendisse rhoncus sapien et est aliquam vulputate. Nam non nibh.
Praesent posuere tortor at risus. Nam facilisis elementum elit. Quisque
<br>

<h1>Použ&iacute;v&aacute;m</h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nec dui.
Integer tortor wisi, adipiscing id, lacinia in, dapibus ut, leo.
Suspendisse rhoncus sapien et est aliquam vulputate. Nam non nibh.
Praesent posuere tortor at risus. Nam facilisis elementum elit. Quisque<br>
</div>

<h1>Nejnověj&scaron;&iacute; web</h1>

<div class="ramecek"></div>

</div>

<div class="paticka">
<div class="subpaticka">
<div class="odsazeni">Všechna práva vyhrazena
</div>

</div>

</div>

</div>

</body>
</html>
Tomáš Hanus
Profil
patička - clear: both; zkus to, na kód jsem nekoukal, ale both ti určí, že patička bude až pod plovoucími divy
Joker
Profil
Petrnson
Něco takového jsem taky řešil. Nejspíš je problém v tom, že obsahový prvek musí mít position:relative.
Pak mi zas vznikly jiné problémy, ale po chvíli hraní si s tím to fungovalo :-)
Petrnson
Profil
Ani jedno nefunguje :(
Vitec
Profil *
Zkus dopsat

.telo {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-top : 25px;
min-height: 100%;
height: 100%;
}
Petrnson
Profil
Také nejde
Petrnson
Profil
Nikdo neví jak to udělat pokud by to šlo tak sem napište celý kod.
petrnson
Profil *
Velice by mi to pomohlo
Petrnson
Profil
Kdyby mi nekdo poradil jak nato.
tiso
Profil
Petrnson - v tom Plaváčkovom návode to máš napísané ako na to, tak nechápem čo ešte chceš. Nevieš opísať jeden návod? V tvojej verzii chýbajú veci ktoré tam majú byť, tak sa nečuduj...
petrnson
Profil *
Já to dělal i podle toho plaváčkova řešení (svůj obsah jsem dal do plaváčkova hotového řešení) a stejně mi to nefungovalo...
Anonymní
Profil *
petrnson

nekoukal jsem na kod, ale pohraj si s paddingem toho obsahu, myslim, ze by mel byt spodni padding obsahu vetsi nez vyska paticky, snad neplacam kraviny, mozna to je padding u paticky, proste vyzkousel :-)
Anonymní
Profil *
petrnson

nekoukal jsem na kod, ale pohraj si s paddingem toho obsahu, myslim, ze by mel byt spodni padding obsahu vetsi nez vyska paticky, snad neplacam kraviny, mozna to je padding u paticky, proste vyzkousel :-)
tiso
Profil
petrnson - ak ti funguje príklad na Plaváčkovej stránke, tak potom je jasné, že chyba je u teba...
petrnson
Profil *
to jo ale jakmile tam vložim <div class="telo">
<div class="pravy">
<h1>&Uacute;vod</h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nec dui.
Integer tortor wisi, adipiscing id, lacinia in, dapibus ut, leo.
Suspendisse rhoncus sapien et est aliquam vulputate. Nam non nibh.
Praesent posuere tortor at risus. Nam facilisis elementum elit. Quisque
<br>

<h1>Použ&iacute;v&aacute;m</h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nec dui.
Integer tortor wisi, adipiscing id, lacinia in, dapibus ut, leo.
Suspendisse rhoncus sapien et est aliquam vulputate. Nam non nibh.
Praesent posuere tortor at risus. Nam facilisis elementum elit. Quisque<br>
</div>

<h1>Nejnověj&scaron;&iacute; web</h1>

<div class="ramecek"></div>

</div>




tak mi to nefunguje...
xmanx
Profil *
.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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