Autor Zpráva
http
Profil
na strance: http://www.tipsport.cz/tipkonto2/faq.php
mam dole paticku a nevim jak udelat, kdyz si zmensim okno tak aby se mi stranka rolovala a paticka zmizela dolu a ne aby prejizdela
pres text na strance a drzela se porad spodniho okraje okna - potvora :-)

http
habendorf
Profil
Asi pomůže Plaváčkova elegantní finta
http
Profil
Ta plavackova finta funguje jenom za predpokladu ze mam bloky pod sebou, ale jakmile chci zahlavi, pravy a levy sloupec, tak to okamzite zacne paticka zase prekreslovat.

cssko je cely nejaky na *****.

* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
background: #fff;
color: #000;
font-size: x-small;
text-align: center;
min-width: 760px;
line-height: 1.5;
}
html>body {
font-size: small;
}
#main {
width: 760px;
margin: 0 auto;
text-align: left;
background: #ebe9e9 url("main.gif") repeat-y;
min-height: 100%;
height: 100%;
position: relative;
}
body>#main {
height: auto;
}
#head {
color: #fff;
background: #d0cdcd url("head.gif") no-repeat;
height: 183px;
}
#left {
float: left;
padding-bottom: 85px;
padding-left: 5px;
width: 550px;
}

#right {
float: right;
padding-bottom: 85px;
padding-right: 0px;
width: 150px;
}

#paticka {
width: 760px;
height: 60px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
background: #facf00 url("foot.gif") no-repeat;
text-align: center;
}

html

<body bgcolor="#ffffff">
<div id="main">
<div id="head"></div>
<div id="left">
<h2>Nadpis</h2>
<p>Ny rás limkřost a kruz doubachůl k žunou s hřouh. Malu hrám k ptalu ptym křoháť kry bréluma lemě, chroch z bropzoptyno pozaď úkln a táží moveluh hřouzeku darout símez. V uha suh ociš z zůt zištstůp hrub. Chropel s souje řehrylah letuší i sozoš. Můh lestů luď. Přiť ziťmípou mok vrekté na drostaprášt hesi křukto o tu vobryj ulatu. Vrumivů mochruk zeje o se úduš trábzít doň z věmpty vrů nékřuza, stybok hažácet sasektá zůsen úkte drolussušmiř pruju liměla vám k vuďuď. Zive sájfymali pas k locho a bebi mozizýzad sou ji.</p>

<h2>Nadpis</h2>
<p>Ny rás limkřost a kruz doubachůl k žunou s hřouh. Malu hrám k ptalu ptym křoháť kry bréluma lemě, chroch z bropzoptyno pozaď úkln a táží moveluh hřouzeku darout símez. V uha suh ociš z zůt zištstůp hrub. Chropel s souje řehrylah letuší i sozoš. Můh lestů luď. Přiť ziťmípou mok vrekté na drostaprášt hesi křukto o tu vobryj ulatu. Vrumivů mochruk zeje o se úduš trábzít doň z věmpty vrů nékřuza, stybok hažácet sasektá zůsen úkte drolussušmiř pruju liměla vám k vuďuď. Zive sájfymali pas k locho a bebi mozizýzad sou ji.</p>
</div>
<div id="right">prav menu</div>



<div id="paticka">
Patička webu vždy dole
</div>
</div>

</body>

http
habendorf
Profil
V tom případě IMHO jen JS, tím to jde. Ale má to své nevýhody.
Fred
Profil
Asi jo exploring footers
http
Profil
tak tuhle odpoved jsem absolutne nepochopil :-)

http
Fred
Profil
No přečti si ten článek a prohlédni ty příklady třeba http://www.alistapart.com/d/footers/footer_dom3.html
Plaváček
Profil
Není třeba JS, pouze je nutné při použití plovoucích (float) prvků ještě ukončit obtékání. Prostě před patičku vložit nějaký prvek s clear:both;.
Plaváček
Profil
Ostatně, konkrétní ukázku, že to jde můžete vidět na zatím rozpracovaném ,
webu, kde levý sloupec je plovoucí a patička je umístěna vždy na spodním okraji okna, ať je stránka dlouhá nebo krátká. A to zajistil blokový prvek <div class="end">&nbsp;</div> s nastaveným clear:both;

Jedna poznámka - toto řešení bohužel nefunguje v prohlížeči Safari pro Mac.
habendorf
Profil
http: tak tuhle odpoved jsem absolutne nepochopil :-)

Podle času tvé odpovědi jsi reagoval na mě, nikoliv na Freda, takže: V tom případě dle mého skromného názoru jen javascriptem ....

Nicméně jak vidno dále, můj skromný názor není správný :o)
http
Profil
To si delate legraci ne?
kvuli podelany paticce takovyho kodu, to se na to radsi vykaslu...


udelal jsem tohle: [url=http://www.tipsport.cz/tipkonto2/paticka.html
]http://www.tipsport.cz/tipkonto2/paticka.html
[/url]

co jsem udelal spatne ze to nefunguje?
proc ta paticka stale prejizdi pres ten obsah stranky?


kdyz nic tak se na to uz vykaslu...

http
http
Profil
Není třeba JS, pouze je nutné při použití plovoucích (float) prvků ještě ukončit obtékání. Prostě před patičku vložit nějaký prvek s clear:both;.


tohle vyzkousim
http
Profil
stejne to nefachá :http://www.tipsport.cz/tipkonto2/paticka.html
http
Profil
je zajmave ze se zastavi az o head, ktery mam pevnou vysku

http
Fred
Profil
1/co myslíš tím head, jsem zmaten
2/proč tam máš tohle



<br>

<br>
<br>Stejne to nefacha a paticka prejizdi pres text a zastavi se az o head.


co to dát do nějakého divu kam to patří? V tvém případě <div id="left">.

3/Myslím, že Plaváček ti již poradil správně, tedy nejlépe z nás, tak si to zkus opravit a nezakládej duplicitní témata.
habendorf
Profil
http: Taky přestávám rozumět o co jde. Chceš po nás dost náročnou věc a nic se ti nelíbí. Ještě jednou: řešení je buď pomocí JS (horší), nebo elegantněji přes CSS. K oběma řešením tu máš návody, tak se snaž.
bojars
Profil
http: Takto je to dobré ?
Toto téma je uzamčeno. Odpověď nelze zaslat.