Just position the outer div with margin:0 auto; and give it position:relative; without specifying top right bottom or left values.
Then create the three divs you want as buttons float:left and position: absolute; bottom: 0; Should do the trick I think... But there are plenty better people on here than me! Good luck, Mark On 30/01/2008, Scott Haneda <[EMAIL PROTECTED]> wrote: > > Iphone has a 320x356 viewable area, if I add in the 60 pixels from the url > bar that I will hide, I get 320 wide by 416 tall > > That is my div I have to work with, I set that to margin auto, and it will > center just fine in the middle of the screen. > > Where I am stuck is I have never used relative or absolute positioning. > Here is what I am trying to do: > http://newgeo.com/web/css/area.png > > So the background is blac, in the event an image is not large enough to > fit > just right. It would be centered left to right, and top aligned. > > I need three buttons at the bottom, about the size you see, they are just > divs, not images, and they will be colored. > > The red boxes represent the live "clickable" area I would want. So the > image will show through those areas, but they will still be hyperlinks. > > The image itself will be a link as well. > > I think I can manage it will all absolute positioning, but I would rather > the outer div, the 320x416 div be simply centered margin auto, but then > how > do I tell the buttons and link divs to be absolute, within that moving > target area of the outer div? > -- > Scott > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
