PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
P

[css] hoogte

Door PHP Newbie op 19-06-2006 15:07
852 views
een leuk vraagje voor csshulp.nl;-)

ik wil de volgende lay-out:



dit is eigenlijk geen probleem, totdat ik het middelste deel de hoogte van de rest van de pagina wil geven, voorbeeldje:

het deel van de browser waar de website staat = 700 px hoog, dan wil ik graag de header 60px hoog, de footer 40px hoog, en het content gedeelte dus 600px (700-60-40=600)

Kan iemand me hier mee helpen?
P
PHP Newbie
19-06-2006 15:14
nee, hier wordt niet behandeld hoe je een footer standaard onderaan een pagina kan zetten (dat is mijn eerste probleem) en niet hoe ik een div een variabele hoogte kan geven (dat is mijn tweede probleem)
w
winkie
19-06-2006 15:16
100%?

als in, height: 100%;?
G
Gerben G
19-06-2006 15:24
kun je het niet oplossen met margin ??

bv 

margin-bottom:0px;
w
winkie
19-06-2006 15:29
en maak in je css rules aan voor

#header

en natuurlijk

#footer

:) or am i preaching to the choir here
P
PHP Newbie
19-06-2006 15:37 

<div style="height:60px; background-color:#0033FF">
	header
</div>
<div style="background-color:#9999FF; overflow:auto; height: 100%;">
	body
</div>
<div style="height:40px; margin-bottom: 0px; background-color:#0033FF;">
	footer
</div>


dit werkt niet....

maar goed idee, eerst is beginnen met de footer onderaan te krijgen ;-)
P
PHP Newbie
19-06-2006 15:47
Winkie,

ik doe het meestal eerst zo als het hierboven staat, en daarna zet ik het pas in een css file, dit is makkelijker editten vind ik ;-)

Reageren

Inloggen om te reageren