Autor Zpráva
blast3r
Profil
Ahojte,

Potrebujem nastaviť automatickú výšku jedného divu (Konkrétne ten kde je Lorem ipsun), tak aby sa rozťahoval automaticky podľa patičky, pričom patička bude vždy nalepená na dolnú lištu

Pre lepšiu predstavu takto to vyzerá teraz: http://sedlac.zaridi.to/pokus/pokus.html

A len potrebujem ten div nejako natiahnuť...

ďakujem za pomoc.

Mam pomerne jednoduchý html kód:

<body>
<div id="box">
 <div id="centrovac">
 <div id="hlava">hlava</div>
 <div id="menu"> menu</div>
  <div id="text">
  
  <h1> Lorem ipsum dolor sit amet</h1>
  
    <p>Consectetur adipiscing elit. Nullam nec  tellus diam, eu tincidunt lacus. Fusce massa nisl, rhoncus sit amet  posuere non, mattis et lacus. Suspendisse sed aliquam lectus. Duis  rhoncus nunc ac nibh sodales non elementum eros dignissim. Vestibulum  id enim  </p>
  </div>
  <div id="pata">&nbsp;</div>
</div>
</div>
</body>


CSS:

body {
	background-color:#787878;
	margin:0;
	padding:0;
}

#box {
	text-align: center;
	height:100%;
	width:100%;
	position:absolute;
	top:0; 
	left:0;
}

#centrovac {
	margin:0 auto;
	width: 800px;
	height: 100%;
	text-align: center;
}

#hlava {
	background:#666666;
	width: 800px;
	height: 232px;
}


#menu {
	height: 39px;
	background: #f0eee1;
	text-align: left;
	margin-top: 20px;
}

#text {
	width:800px;
	background:#FFFFFF;
	text-align:left;
}

#pata {
	width:800px;
	background-color:#000000;
	height: 50px;
	margin-top: 20px;
	position: absolute;
	bottom: 0;
}


pavuk
Profil *
Tak jak to myslíš (pokud jsem to správně pochopil) to nepůjde s ohledem na to, že je patička pozicovaná takhle absolutně. Musel bys nastavit pevnou výšku #textu pro každý rozlišení, aby byl #text dlouhej k #patičce u každýho uživatele, což je myslím zbytečný
Řešením by byla patička vždy dole
blast3r
Profil
ok dik. to je presne to co som hladal..
blast3r
Profil
Aktualne ako som zistil to nefunguje pod FF 3.0... neviete v com je problem?
panther
Profil
blast3r:
Aktualne ako som zistil to nefunguje pod FF 3.0
ve starších i novějších Plaváčkova patička fungovala a funguje. Měl bys screen nefungující stránky?
blast3r
Profil


Windows 7 Firefox 3.5.7 1680 x 1050
Plaváček
Profil
blast3r:

Tak nevím, mně se ve FF 3 zobrazují oba mé příklady korektně.
pavuk
Profil
Ani já nevím, mě se ve FF 3.5.4 zobrazují jako u blast3ra
Plaváček
Profil
pavuk:

Juknu na to.
pavuk
Profil
Pokud uložím stránku na HDD a otevřu lokálně, zobrazí se korektně
Plaváček
Profil
pavuk:

Jo, už asi tuším, kde byla zrada.

Zkuste to teď:
http://klient.plavacek.net/paticka/paticka-bez-textu.html
http://klient.plavacek.net/paticka/paticka-text.html

A ke staženi:
http://klient.plavacek.net/paticka/paticka.zip
pavuk
Profil
Už to běží, budu muset prozkoumat tu zradu. Snad na to přijdu :-)
blast3r
Profil
jojo... uz to bezi.. Diki moc...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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