TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
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.
