Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
02-15-2011, 01:56 AM #1
adding an absolute div to fluid css
I have an annoying problem. I have a page with a google map on it that I have been changing from absolute layout to fluid css. It's going OK except for the fact that the map div would not resize when it was floated left (this is a built in part of the API) and needed a function called checkResize();
Fine. But when using that the map has to be placed in a div that has absolute positioning, otherwise it just doesn't show up.
Which isn't a huge drama, but when you make the page narrower, the items in the div above the map start disappearing under the map. I'd like for them to be able to push the map down, if possible.
I have tried wrapping the map div in a div that was floated left but that didn't work and so now I'm a little lost. Here's the page I'm working on - thanks in advance for any suggestions
02-15-2011, 02:37 AM #2
- Join Date
- May 2009
- Thanked 24 Times in 24 Posts
If you want to absolutely postion an image. Try
position: absolute; top: (size); left: (size); }
Hope that is what you meant
02-15-2011, 02:52 AM #3
thanks for the reply quartzy, but it's kind of the opposite to what I want - I've got it absolutely positioned now, but I don't want it to be, but the API won't display the map if it's in a div with any other kind of positioning...
I guess I'm looking for a way to wrap that absolute div in another div that can be relatively positioned - I've tried basically that, so I'm looking for some sneakier way to do it, although even typing it I realise it's a long shot.
02-15-2011, 08:48 PM #4
... just in case anybody was tempted to try and figure out what was wrong here, I already solved this problem. I don't know what I was doing wrong, or really how I fixed it, but it works now, so I'm happy
02-15-2011, 11:23 PM #5
- Join Date
- Jan 2011
- Thanked 5 Times in 5 Posts