Anonymní profil OT – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil OT – Programujte.comAnonymní profil OT – Programujte.com

 

Příspěvky odeslané z IP adresy 77.78.86.–

OT
HTML / XHTML › Natahovací DIV
4. 12. 2008   #91084

Ahoj!

Potřebuji udělat stránku o dvou prvcích. Hlavička s fixní výškou (dejme tomu 200px) a DIV s hlavním obsahem, který potřebuji roztáhnout od hlavičky až k dolnímu okraji prohlížeče. Potud by to bylo fajn, pokud by to nemělo fungovat i při různých rozlišeních a resizech, kdy se mi začne objevovat browserovský scrollbar, což je nežádoucí (pokud samozřejmě není výška menší než 200px + obsah DIVu). Řešení jsem našel např. na hotmailu kde mají takto udělané okno s obsahem mailu, ale bohužel jsem nenašel nervy na procházení jejich kódu a jeho testovaní. Nevadilo by mi ani JS řešení. Prosím poraďte.

Přikládám kód :

html {

height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
.header {
height: 200px;
}
.text {
height: 100%;
overflow-y: scroll;
}

<div class="header">Hello</div>
<div class="text">Lorem Ipsum</div>



Předem díky za odpověď!
O.

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032022 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý