Autor Zpráva
http
Profil
#1 · Zasláno: 5. 3. 2005, 00:02:20
Odpovědět Citovat
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
#2 · Zasláno: 5. 3. 2005, 00:10:07
Odpovědět Citovat
Asi pomůže Plaváčkova elegantní finta
http
Profil
#3 · Zasláno: 5. 3. 2005, 15:22:30
Odpovědět Citovat
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
#4 · Zasláno: 5. 3. 2005, 15:41:57
Odpovědět Citovat
V tom případě IMHO jen JS, tím to jde. Ale má to své nevýhody.
Fred
Profil
#5 · Zasláno: 5. 3. 2005, 15:46:24
Odpovědět Citovat
Asi jo exploring footers
http
Profil
#6 · Zasláno: 5. 3. 2005, 15:46:32
Odpovědět Citovat
tak tuhle odpoved jsem absolutne nepochopil :-)

http
Fred
Profil
#7 · Zasláno: 5. 3. 2005, 15:48:17
Odpovědět Citovat
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
#8 · Zasláno: 5. 3. 2005, 15:49:24
Odpovědět Citovat
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
#9 · Zasláno: 5. 3. 2005, 15:53:11
Odpovědět Citovat
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
#10 · Zasláno: 5. 3. 2005, 16:06:20
Odpovědět Citovat
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
#11 · Zasláno: 5. 3. 2005, 16:14:26 · Upravil/a: http
Odpovědět Citovat
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
#12 · Zasláno: 5. 3. 2005, 16:15:56
Odpovědět Citovat
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
#13 · Zasláno: 5. 3. 2005, 16:18:51
Odpovědět Citovat
stejne to nefachá :http://www.tipsport.cz/tipkonto2/paticka.html
http
Profil
#14 · Zasláno: 5. 3. 2005, 16:25:11
Odpovědět Citovat
je zajmave ze se zastavi az o head, ktery mam pevnou vysku

http
Fred
Profil
#15 · Zasláno: 5. 3. 2005, 17:01:47
Odpovědět Citovat
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
#16 · Zasláno: 5. 3. 2005, 17:15:23
Odpovědět Citovat
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
#17 · Zasláno: 5. 3. 2005, 22:26:24
Odpovědět Citovat
http: Takto je to dobré ?
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0