dynamische layout resize

2 antwoorden [Laatste bericht]
afbeelding van Bjeenie
Offline
Bezoeker
Lid sinds: 06/01/2004
Punten: 1014

jeeps.

ik wil dus 100% met divs werken. ik weet dat het met tables direct opgelost wordt mo bon.

ik heb dus dit:
linkerstrook (schaduw)
middenstuk
-- header
-- left
-- right
-- middle
-- left
-- right
-- bottom
rechterstrook (schaduw)

dit wil ik dus iets dynamisch hebben voor de layoutbepaling.
maw, als ik mijn Internet Explorer vergroot of verklein dat de layout meegroeid/meeverkleind.
bij dit doet hij dit "wel", maar de "bottom" dit vloeit over de rest heen.
ook is de "middle" tamelijk groot in heigth.

ik heb deze structuur:

Citeer:
<div class='pagecon'>
<div class='shadowleft'></div>
<div class='middle'>
<div class='header'>
<div class='leftheader'></div>
<div class='rightheader'></div>
</div>
<div class='content'>
<div class='leftcontent'></div>
<div id='content' class='textblock'></div>
</div>
<div class='bottom'></div>
</div>
<div class='shadowright'></div>
</div>

en ik heb deze css:

Citeer:
html, body {height: 100%;margin: 0px;padding: 0px;text-align:center; }
.pagecon{width:930px; height:100%; text-align:left;position:relative;}
.shadowleft{background: transparent url(../images/shadowleft.gif) repeat-y top right; width:40px; top:0px; bottom:0px;height:100%;left:0px; position:relative;}
.middle{left: 40px; top:0px; bottom:0px; height:100%;width:850px;position:absolute;}
.header{top:0px;height:242px; position:relative;}
.leftheader{background:#ff6c11;width:270px; position:absolute;}
.rightheader{background:#ff6c11 url(../images/foto_header.jpg) no-repeat top left;width:580px;right:0px;height:242px;position:absolute;}
.content{top:242px; width:100%; bottom:82px;height:100%;position:absolute;}
.leftcontent{width:270px; top:0px;bottom:0px;height:100%;background:#333333; position:absolute;}
.textblock{color:#cfcfcf;line-height:18px;text-align:justify;background:#000000;top:0px; bottom:0px;right:0px;height:100%;position:absolute;width:580px;}
.bodyBlock{display:block;width:540px;margin:20px;}
.bottom{background:#222222;height:82px; width:100%;bottom:0px;position:absolute;}
.shadowright{background: transparent url(../images/shadowright.gif) repeat-y top left;width:40px; height:100%;position:absolute;right:0px;top:0px;bottom:0px;}

dit klopt dus niet volledig...

kan iemand me helpen?

greets Bjeenie

--

Life is like a Binary digit, you're it or you're nothing!

afbeelding van Mibe
Offline
Beheerder
Lid sinds: 25/06/2002
Punten: 9718

Geen zin om alles te lezen :), mss vind je hier uw oplossing :) http://plaza.ufl.edu/mmcadams/...layout.htm

--

Great to help, great to be helped

>> Via Prive berichten worden geen forum vragen beantwoord. Daarom is er dit forum <<

afbeelding van Bjeenie
Offline
Bezoeker
Lid sinds: 06/01/2004
Punten: 1014

dit is wel handig, maar dit is niet wat ik eigenlijk wilde...

het zou moeten een middenstuk zijn die van top tot bottom gevuld is. en dit wordt daar nergens in uitgelegd. en een simpele height 100% is niet voldoende.

gr Bjeenie

--

Life is like a Binary digit, you're it or you're nothing!

Inhoud syndiceren
Contact · Disclaimer