Forum Moderators: not2easy
I have troubles to get my simple web running.
For you it will be simple , but I do not know...I tried.....
Using div classes - try to make one class (left menu)extend in dependance in right content height...left menu will contain background (pic) which should extend towards footer, but it aint
CSS:
BODY { margin:5px 5px; font-size:10px; font-family:Tahoma, Arial, helvetica, sans-serif; background:white;}
FORM { margin:0px 0px }
TD { font-size:11px }
.main {text-align:left; width:935px; margin-left:auto; margin-right:auto; }
.logosmall { float:left; margin-bottom:3px; width:190px; background:white; height:115px;border: 1px solid blue }
.logo { float:right; margin-bottom:3px; margin-left:3px; width:738px; height:115px; background:url(img/logobig.gif);border: 1px solid blue }
.menutopleft {float:left;margin-bottom:3px;width: 190px;height:80px; text-align: center; border: 1px solid blue}
.menumiddle { float:right; margin-bottom:3px; margin-left:3px; width:738px; height:80px; background:url(img/logobig.gif);border: 1px solid blue }
.mainmiddle { text-align:left; width:935px; margin-left:auto; margin-right:auto; }
.menuleft { width:190px;float:left; margin-bottom:3px; background:white; border: 1px solid blue }
.middle { float:right; margin-bottom:3px; margin-left:3px; width:738px; background:url(img/logobig.gif);border: 1px solid blue }
.footer { text-align:left; width:935px; margin-left:auto; margin-right:auto; }
.footer A { color:white; text-decoration:none }
.footer A:visited { color:white; }
.footer A:hover { color:#DE122B; }
.left { margin:3px 0px;text-align:center; font-size:11px; font-weight:bold; font-family:Arial, helvetica, sans-serif; float:left; width:190px; height:32px; background:url(img/bottom_left.gif);border: 1px solid blue }
.right { margin:3px 0px;text-align:center; font-size:11px; font-weight:bold; font-family:Arial, helvetica, sans-serif; float:right; width:738px; height:32px; background:url(img/bottom_right.gif);border: 1px solid blue }
HMTL:
<body>
<div class=main>
<div class=logosmall>logosmall</div>
<div class=logo>logo</div>
<div class="menutopleft">menu top left</div>
<div class="menumiddle">middle menu</div>
<div class="menuleft">left main menu - should extend towards left footer - dependant on content in "middle"</div>
<div class="middle">middle - all content (variable height)
</br></br></br></br></br></br></br></br></div>
</div>
<div class="footer">
<div class="left">left footer</div>
<div class="right">right footer</div>
</div>
</body>
thnx guys for help...
