Autor Zpráva
Petrnson
Profil
#1 · Zasláno: 24. 10. 2007, 20:49:32 · Upravil/a: Petrnson
Odpovědět Citovat
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
#2 · Zasláno: 25. 10. 2007, 12:45:31 · Upravil/a: Tomáš Hanus
Odpovědět Citovat
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
#3 · Zasláno: 25. 10. 2007, 13:03:37
Odpovědět Citovat
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
#4 · Zasláno: 25. 10. 2007, 18:34:38
Odpovědět Citovat
Ani jedno nefunguje :(
Vitec
Profil *
#5 · Zasláno: 25. 10. 2007, 19:05:28
Odpovědět Citovat
Zkus dopsat

.telo {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-top : 25px;
min-height: 100%;
height: 100%;
}
Petrnson
Profil
#6 · Zasláno: 25. 10. 2007, 19:54:01
Odpovědět Citovat
Také nejde
Petrnson
Profil
#7 · Zasláno: 27. 10. 2007, 19:45:34
Odpovědět Citovat
Nikdo neví jak to udělat pokud by to šlo tak sem napište celý kod.
petrnson
Profil *
#8 · Zasláno: 29. 10. 2007, 12:54:00
Odpovědět Citovat
Velice by mi to pomohlo
Petrnson
Profil
#9 · Zasláno: 29. 10. 2007, 18:44:14
Odpovědět Citovat
Kdyby mi nekdo poradil jak nato.
tiso
Profil
#10 · Zasláno: 29. 10. 2007, 19:30:22
Odpovědět Citovat
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 *
#11 · Zasláno: 30. 10. 2007, 09:40:12
Odpovědět Citovat
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 *
#12 · Zasláno: 30. 10. 2007, 10:14:51
Odpovědět Citovat
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 *
#13 · Zasláno: 30. 10. 2007, 10:14:51
Odpovědět Citovat
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
#14 · Zasláno: 30. 10. 2007, 11:59:07
Odpovědět Citovat
petrnson - ak ti funguje príklad na Plaváčkovej stránke, tak potom je jasné, že chyba je u teba...
petrnson
Profil *
#15 · Zasláno: 30. 10. 2007, 12:32:53
Odpovědět Citovat
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 *
#16 · Zasláno: 31. 10. 2007, 07:56:38
Odpovědět Citovat
.
Časová prodleva: 16 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0