|
Posted by Ryan Knopp on 01/26/07 22:42
So here's what i want.
I want the bottom div to be like a footer. The problem i'm having it
seems is the map div. The map div is a huge huge map of 65000px by
65000px that scrolls around with javascript (think google maps). Now
Left div, map div and body div all work the way i want them. But i
can't get the bottom div on the bottom of both of them.
Left Div Body Div
f o o t e r d i v
kind of like my layout above. It seems like the map div is
interfering with it somehow. If i comment out the map div the page
works correctly. Any Ideas or suggestions? I kind of want to do this
with out either fixed or absolute positioning.
<script>
#left{
float : left;
width : 150px;
}
#map{
position : relative;
left : 0px;
top : 0px;
}
#body{
overflow : hidden;
position : relative;
}
#bottom{
clear : both;
}
</script>
....... < other html code not relevant > .....
<div id="left">Left</div>
<div id="body">
<div id="map" />
</div>
<div id="bottom">Bottom</div>
Navigation:
[Reply to this message]
|