How do I position an absolute div relative to a centered container

[rtmedia]

Hi Guys,

Was wondering if one of you could help me out. Take a look at this link B Cake Studio

You’l see that as you re-size your browser window the whole site shifts as the margin on the container is set to 0 auto so everything moves. Everything except for the logo. The logo is positioned absolute as I want the logo to overlay the menu div at the top as you can see in this image Click Here But I want the logo to be positioned absolute in relative to the centered container so that if the browser is resized then the logo div will move with the rest of the sites content.

Can anyone help?

[mixxmac]

You have to explicitly declare “position: relative;” for the #logo’s parent container, in order for the #logo to be positioned absolutely within the context of the #container.

i.e.

#container {position: relative; ...}

#logo {position: absolute; ...}

[rtmedia]

Cheers man – thanks for the speedy reply also – problem solved – simples :)

[Author]

Posts