| | |
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Autor | Správa |
---|
Registrovaný: 23.02.10 Prihlásený: 23.02.10 Príspevky: 2 Témy: 1 |
Dobrý den, mám takový problém. Potřebuji umístit patičku (a nějaké další divy) na konec stránky, aby vždy byly dole nehledě na velikost textu. Mohli by jste mi říci, kde dělám chybu? Jsem začátečník a moc se v tom ještě nevyznám. Děkuji
Kód: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com">; <title></title> <style type="text/css"> <!-- html, body { height: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0 } html>body { font-size: small; } *|html[xmlns*=""] #main { display: table; height: 100% } #main { min-height: 100%; margin: 0 auto; width: 1000px; position: relative; height: 100%; background: green } body>#main { height: auto; } #hlavicka { position: absolute; background-image: URL('images/web_01.gif'); width:1000px; height:42px; top: 0px; left: 0px } #lsloupec { position: absolute; background-image: URL('images/web_02.gif'); width:39px; height:802px; top: 42px; left: 0px } #odkaz { position: absolute; background-image: URL('images/web_03.gif'); width:899px; height:145px; top: 42px; left: 39px } #psloupec { position: absolute; background-image: URL('images/web_04.gif'); width:62px; height:145px; top: 42px; left:938px } #pododkaz { position: absolute; background-image: URL('images/web_05.gif'); width:900px; height:25px; top: 187px; left: 39px } #bannery { position: absolute; background-image: URL('images/web_06.gif'); width:61px; height:657px; top: 187px; left: 939px } #menu { position: absolute; background-image: URL('images/web_07.gif'); width:189px; height:477px; top:212px; left: 39px } #prouzek { position: absolute; background-image: URL('images/web_08.gif'); width:37px; height:477px; top: 212px; left: 228px } #obsah { position: absolute; background-image: URL('images/web_09.gif'); width:674px; min-height:477px; top:212px; left: 265px } #podpaticka { position: absolute; background-image: URL('images/web_12.gif'); width:900px; height:35px; bottom:0px; left: 39px; overflow: hidden; } #paticka { position: absolute; background-image: URL('images/web_11.gif'); width:900px; height:89px; overflow: hidden; bottom:35px; left: 39px } #podobsah { position: absolute; background-image: URL('images/web_10.gif'); width:900px; height:31px; top: 689px; left: 39px } --> </style>
</head> <body> <div id="main"> <div id="hlavicka">Hlavicka</div> <div id="lsloupec">Levz sloupec</div> <div id="odkaz">Odkaz</div> <div id="psloupec">Pravz sloupec</div> <div id="pododkaz">Pod odkazem</div> <div id="bannery">Bannery</div> <div id="menu">Menu</div> <div id="prouzek">Prouyek</div> <div id="obsah">Obsah</div> <div id="podpaticka">Pod paticka</div> <div id="paticka">Paticka</div> <div id="podobsah">Pod obsaem prouzek</div> </div> </body> </html> [/code]
|
|
Registrovaný: 10.02.08 Prihlásený: 15.05.17 Príspevky: 2264 Témy: 48 Bydlisko: Nitra | Napísal Svolo: 23.02.2010 17:09 | |
|
clear:both
_________________ WYSIWYMGIYRRLAAGW: What You See Is What You Might Get If You’re Really Really Lucky And All Goes Well. |
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 23.02.2010 18:30 | |
|
Zmazat a spravit odznova bez absolutnej pozicie.
|
|
Registrovaný: 23.02.10 Prihlásený: 23.02.10 Príspevky: 2 Témy: 1 |
No ale někde píšou, že stačí dát patičce postition bottom 0
|
|
Registrovaný: 29.10.07 Prihlásený: 27.10.23 Príspevky: 1395 Témy: 30 Bydlisko: Bratislava |
Neexistuje nic ako position bottom. Tu si pozri ake hodnot moze nadobudat vlastnost position
Z toho pochopis ako mas urobit to co chces.
_________________ PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME Mobil: Xiaomi POCO F2 PRO |
|
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Pätička dole v HTML, XHTML, XML, CSS | 5 | 1139 | 14.06.2010 19:10 camo | | Paticka vzdy dole v HTML, XHTML, XML, CSS | 7 | 894 | 21.08.2010 23:58 br4n0 | | Ako zosietovat 3 poschodia - kombinacia modem, router, switch, konc. zariadenia v Siete | 6 | 531 | 01.08.2018 21:49 bepetko | | nenacitava stranky, najma stranky.com;po restarte nacita v Sieťové a internetové programy | 2 | 794 | 17.03.2012 20:17 Siriuse | | vnorenie stranky do stranky v JavaScript, VBScript, Ajax | 1 | 760 | 26.02.2011 23:27 walther | | Stránky v Assembler, C, C++, Pascal, Java | 1 | 566 | 12.09.2010 8:50 pizet | | stránky v Počítačové hry | 2 | 1178 | 17.04.2006 13:27 allicia222 | | Zahraničné stránky v Sieťové a internetové programy | 3 | 511 | 21.05.2008 16:54 cruster69 | | Vytvorenie stránky v Ponuka práce | 2 | 1030 | 02.08.2009 12:01 shaggy | | kodovanie stranky v HTML, XHTML, XML, CSS | 12 | 1101 | 01.07.2010 12:19 coldak | | Blokovane stranky v Sieťové a internetové programy | 10 | 2954 | 13.09.2007 13:13 maciakba | | Rozlozenenie stranky v HTML, XHTML, XML, CSS | 8 | 588 | 15.04.2009 15:08 Romanko | | Centrovanie stranky v HTML, XHTML, XML, CSS | 20 | 3492 | 21.02.2008 20:37 HAE07 | | vyskakujuce stranky v Antivíry a antispywary | 1 | 659 | 08.05.2008 0:48 br4n0 | | ukradnutie stránky v Ostatné programy | 3 | 1281 | 04.02.2012 14:00 Lenus | | časovač stránky v HTML, XHTML, XML, CSS | 15 | 1411 | 28.03.2007 18:13 p360t |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|