Problems positioning nested Layer

[CharlotteL]

I'm having a real problem positioning a nested layer.

I have 4 layers:

Wrapper - wraps the whole page
Navigation - speaks for itself
Main - main page body
Logo - a logo in the main page

My logo however, is displayed too far to the left when I browse it, but it's displayed correctly in dream weaver.

My css is below:

#Wrapper {
margin-right: auto;
margin-left: auto;
left:74px;
top:27px;
width:750px;
height:594px;
z-index:1;
background-color: #FFFFFF;
}
body {
background-color: #000000;
}
#Navigation {
position:absolute;
left:107px;
top:16px;
width:750px;
height:83px;
z-index:1;
}
#Main {
position:absolute;
left:106px;
top:102px;
width:750px;
height:501px;
z-index:2;
}
#Logo {
position:absolute;
left:26px;
top:60px;
width:183px;
height:309px;
z-index:2;
}

Any suggestions?

Thanks

 

[CharlotteL]

Anyone any ideas, this is driving me mad

 

[traingamer]

Please include a link or enough html for us to see/reproduce the problem.

Too far to the left is not very descriptive.

Do you expect your Wrapper div to be absolutely positioned?

Your divs do not speak for themselves as a different result is obtained depending on the nesting of the divs within or without the other divs.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[lebisol]

nested = position:relative
to the object it is inserted into.

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

thanks that did it!

 

[lebisol]

good to c u back lottie!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...