|
Posted by dorayme on 01/26/07 23:00
In article
<1169851377.249815.44860@m58g2000cwm.googlegroups.com>,
"Ryan Knopp" <ryanrk@gmail.com> wrote:
> 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>
Why the position: relative or overflow? Try it without these
lines but put a left margin on #body (btw. slightly confusing
name given <body> for html) to match the width of the left nav
(plus a few px perhaps, or some padding for grace)
--
dorayme
[Back to original message]
|