Forum Moderators: not2easy
I have designed my page using absolute positioning and it looks great no problem when left aligned but has blank space to right.
I have used css to create a centered block to place the rest of my page in so that it will be centered in any size. This isnt a problem.
My problem is getting my previously absolute aligned blocks to align correctly when placed in a centered block on the page.
I would like to have a top banner 100% size of the container it is in, and two coloumns below this for navigation and content that will both align to the bottom of the banner div and will appear next to each other.
Whilst using absolute positioning left aligned i dont have any problems. When I try to correctly align these within a centered box I have a lot of problems aligning the second coloumn for content.
Can anyone help or tell me of a tutorial that will help me do this as I get confused when using absolute and relative positioning as they dont appear to do what i thought they would when it comes to cascading.
I thought that if you positioned a 'child div tag' within a 'parent div tag' that absolute positioning of the 'child div' would work within the 'parent div' but this does not appear to be the case.
child div tag' within a 'parent div tag' that absolute positioning of the 'child div' would work within the 'parent div' but this does not appear to be the case.
IIRC you need to give the parent position:relative; for this to work.
ben
