As the question states above, how would I go about aligning a navigation menu to a banner regardless of user-end horizontal screen resolution? Since I’m creating a fixed-width layout, fluidity shouldn’t matter much. In the end, everything’s going to be centered, contained in a specific width. For those curious, I’m trying to design for a 1024px by 768px monitor.
I’ve attached an image with an area of concern circled in red. In yellow, I’ve boxed the objective that I hope to resolve.The method should preferably use CSS. It must validate to XHTML 1.0 Strict.
At this point, I’m out of ideas!
Just put everything, including the menu, inside the same wrapping div element and set width as well as centering (margin: 0 auto) to that element.
Also, CSS doesn’t validate to XHTML – it validates to CSS.