|
|
Posted by Ryan Knopp on 01/26/07 23:20
On Jan 26, 3:00 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <1169851377.249815.44...@m58g2000cwm.googlegroups.com>,
> "Ryan Knopp" <rya...@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- Hide quoted text -- Show quoted text -
position : relative and overflow : hidden, are there so the huge
6500px by 6500 px map div tag inside the body tag doesn't overlap the
left div tag.
So pretty much what the purpose of the body tag is the hold the movable
(by javascript) map div tag so it doesn't over lap the other div tags.
Does that made sense? If i place the left div inside the body div the
map div will overlap it when i move it around. It's like google maps
with the left nav, the map in the middle and then a bottom footer (but
google maps doesn't have a bottom footer). The problem i'm getting is
placing the bottom div under the body and left div tag.
Does that explain things better? Thanks for you help.
[Back to original message]
|