Szablon strony Opcje

[gumer]

Witam. Dopiero raczkuję w temacie CSS, dlatego proszę o pomoc. Chciałbym stworzyć szablon strony, której wysokość zawsze by miała 100%. Nagłówek (1) i menu (2) miałby stałą wysokość, a pozostały obszar strony (3) był dynamicznie powiększany do wysokości 100% bez różnicy, czy jest jest tam mało czy dużo treści. Strona miałaby 900px szerokości i była wyśrodkowana.

(IMG:http://images43.fotosik.pl/261/4d57629f63afc9a4.gif)

Z góry dziękuję za ewentualną pomoc.

[darophp]

No niech Ci będzie ... 

[HTML] pobierz, plaintext 
 
... reszte napisz sobie
 
<div id="page">
<div id="header">Tekst</div>
<div id="menu">tekst</div>
<div id="menu">tekst</div>
</div>
 
[HTML] pobierz, plaintext 

style.css

[HTML] pobierz, plaintext 
 
* {
  margin: 0; 
  padding: 0;
}
 
#page {
width: 900px;
}
 
#header {
height: 100px;
}
 
#menu {
height: 30px;
}
 
#main {
height: 100%;
}
 
[HTML] pobierz, plaintext 

Po dostrajaj sobie, mam nadzieję, że o to Ci chodziło. Ustaw sobie inne parametry i będzie dobrze (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował darophp 15.02.2010, 21:29:44

[gumer]

Dziękuję, ale niestety, jeśli jest mało tekstu to div #main nie "dotyka" paska stanu w przeglądarce.

[darophp]

W css we footer:

[HTML] pobierz, plaintext 
#footer {
  bottom: 0px;
  position: fixed;
}
[HTML] pobierz, plaintext 

[krzysztof_kf]

masz przykład style.css

Kod

<style type="text/css">

#top {
width: 900px;
margin: 0 auto;
}

#header {
width: 900px;
height:  200px;
background: #3399ff;
}

#menu {
width: 900px;
height: 30px;
background: #ff0000;
}

#text {
width: 900px;
height: 100%;

}

</style>

formułka

Kod

<div id="top">
<div id="header">
</div>
<div id="menu">
</div>
<div id="text">
Jakiś tam tekst
</div>

Ten post edytował krzysztof_kf 21.02.2010, 19:39:45