How can I create a page similar to this forum page? Specifically I need the headers and footers to stretch across the full width of the browser window regardless of how wide the window is while the main content remains centered horizontally with a fixed width.
You could use a box-model style approach of thinking for your site being built vertically first and then working on the horizontals.
What you’d want to do is make sure your blue CSS button is on then you’d want to double click on the preferably new document to get the cursor blinking in the upper left corner and then goto “insert” and choose “HTML item.”
Now in your inspector set this HTML item to have a width of 100% and set the clear to both.
Then you’ll want to double click in that HTML item you just put in there and insert another HTML item inside of it. This time set it to the fixed width size you want, so let’s say at least 50-100 pixels less than your page size.
Then set that HTML item to “clear:both”
Then click on the drop down for margin and select “custom” and then check the box involving the word “center” below the left and right margin boxes and by doing so “auto” will be put in the left and right margins automatically.
Click ok and the box then moves to the center.
You’d rinse and repeat for the other parts of the site.
In the end you’d have three 100% width HTML items (for the top, middle, and bottom sections) and inside each HTML item would be a second HTML that had a fixed width with all the “clear’s” set to “both.”