Hard to get everything into the title, but tried I have a site that uses server side includes (for navigation bar common to all pages). I'm using CSS to position and size everything. I'm still new to CSS, so I'm sure I've made a mistake, but the problem is: Everything looks fine on my screen when the browser is full screen. When I resize the browser window, the navigation bar sits on top of the main part of the page (higher z-index so that's to be expected). I set the divs containing the nav bar to min-width of 150px and main page to min-width of 650px thinking that would force the page to a min total width of 800px (thus causing the scroll bar on the x-axis to automatically be generated), but it didn't work. I'm thinking the CSS is bad or I need to set a page div min-width of 800 and insert the include in this place? How or what to do?
I figured it. I hadn't done my math right, and didn't realize it was the body I needed to set as a min-width (not the individual parts). =)