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:
<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:
.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
Geen zin om alles te lezen
, mss vind je hier uw oplossing
http://plaza.ufl.edu/mmcadams/...layout.htm
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
