Autor Zpráva
drtici.pest
Profil *
#1 · Zasláno: 22. 2. 2010, 15:39:47
Odpovědět Citovat
Dobrý den, mám takový klasický 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. Děkuji 


 <!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>
Beavis
Profil
#2 · Zasláno: 22. 2. 2010, 15:41:06
Odpovědět Citovat
drtici.pest:
Klasická otázka, klasická odopověď:Výsledky hledání na Google.
Taurus
Profil
#3 · Zasláno: 22. 2. 2010, 15:41:32
Odpovědět Citovat
drtici.pest:
Ano, klasický problém. Takže můžeš hádat, jestli se tu už někdy řešil. Doporučuju čudlík vpravo nahoře...
drtici.pest
Profil *
#4 · Zasláno: 22. 2. 2010, 15:47:56
Odpovědět Citovat
Jo to vím jeslti mě nevěříš, že jsem to dělal tak ti klidně pošlu odkaz :-)


Našel sem si jak má plaváček ty jeho návody a ty sem předělával na můj vzhled a nějak mi ta patička pořád nechce být na konci stránky
Beavis
Profil
#5 · Zasláno: 22. 2. 2010, 15:50:18
Odpovědět Citovat
drtici.pest:
Projet další výsledky? Nevěřím, že ani jeden nefunguje.
drtici.pest
Profil *
#6 · Zasláno: 22. 2. 2010, 15:52:25
Odpovědět Citovat
No výsledky fungujou, ale když to prostě chci předělat na můj web tak udělám někde chybu a u mě to pak už nefunguje. :-(
Beavis
Profil
#7 · Zasláno: 22. 2. 2010, 16:24:49
Odpovědět Citovat
drtici.pest:
CTRL+C & CTRL+V? Kde se dá udělat chyba? CSS vložíš mezi <style>, na konec přidáš <div patička>.
drtici.pest
Profil *
#8 · Zasláno: 22. 2. 2010, 16:41:03
Odpovědět Citovat
Jak myslíte jenom pak nevím k čemu je tady to téma "Problémy v začátcích" Každý jednou někdy začínal
Beavis
Profil
#9 · Zasláno: 22. 2. 2010, 17:00:46
Odpovědět Citovat
drtici.pest:
Pokud Tebou přiložený kód je Tvým dílem, předpokládám aspoň minimální znalosti.
drtici.pest
Profil *
#10 · Zasláno: 22. 2. 2010, 17:07:26
Odpovědět Citovat
Jo to je ale ty znilosti bych nepřeceňoval
drtici.pest
Profil *
#11 · Zasláno: 23. 2. 2010, 13:01:31
Odpovědět Citovat
Prosím :-) |Můžu vám za to nabídnout kredity na websurf nebo odkaz z webu (má pagerank 2).
Chamurappi
Profil
#12 · Zasláno: 23. 2. 2010, 13:07:44
Odpovědět Citovat
Reaguji na drtici.pest:
Neskládej layout z absolutně pozicovaných elementů, pokud chceš, aby se vzájemně ovlivňovaly. Blokům, které mají mít textový obsah, nenastavuj výšku.
drtici.pest
Profil *
#13 · Zasláno: 23. 2. 2010, 16:05:44
Odpovědět Citovat
Jak je teda mám pozicovat?
Dranel
Profil
#14 · Zasláno: 23. 2. 2010, 16:29:01
Odpovědět Citovat
drtici.pest:
Nepozicovat. Floatovat.
Chamurappi
Profil
#15 · Zasláno: 23. 2. 2010, 16:34:12
Odpovědět Citovat
Reaguji na Dranela:
To není pro začátečníka zrovna moc vhodný odkaz.
drtici.pest
Profil *
#16 · Zasláno: 23. 2. 2010, 17:08:29
Odpovědět Citovat
A pozicovat by to nějak nešlo?
Chamurappi
Profil
#17 · Zasláno: 23. 2. 2010, 17:19:02
Odpovědět Citovat
Reaguji na drtici.pest:
Nějak šlo, ale je to zbytečně komplikované, takže ti tu nikdo nebude psát návod.
Dranel
Profil
#18 · Zasláno: 23. 2. 2010, 17:30:17
Odpovědět Citovat
Chamurappi:
Asi máš pravdu. Je obtékání lepším příkladem?
Časová prodleva: 14 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