In my layout I have a div#header which I have set to relative positioning because it contains these 3 divs
These 3 div are set to absolute so I can position them
The problem I'm having is that In the div#navblock I have inserted 3 divs. This makes the div#navblock a container of sorts which means I have secondary div group within a primary div group. I can't set the div#navblock to relative positioning. What do you do in this case?
I can't set the div#navblock to relative positioning.
Why not? It's valid to have nested position:relative elements.
Here's the problem. When I change my div#navblock to relative it loses position and order. According to what I've read aren't div that nest other divs supposed to be set to relative and the nested divs set to absolute. Or does it matter?
You can nest them however you like. the main thing to keep in mind is that position:absolute elements are positioned relative to the closest positioned ancestor.