The top and footer of my page are equally wide, but the section in between (where the main contents are) is wider. Can anyone please help me get the three sections equally wide?
That's the only problem I've got with the page when viewing it in Mozilla -- in IE 6 there are a couple of more things that need to be fixed, but let's try and make it look good in Mozilla first!
The HTML page: <!-- m --><a class="postlink" href="http://jkarlsson.netfirms.com/test/index.html">http://jkarlsson.netfirms.com/test/index.html</a><!-- m -->
The CSS: <!-- m --><a class="postlink" href="http://jkarlsson.netfirms.com/test/stilmall.css">http://jkarlsson.netfirms.com/test/stilmall.css</a><!-- m -->
And please ignore the Netfirms banner on top of the page!
Edit: One more thing: Currently I've set the width of the three sections I talked about to 50%. Is it a good idea to use percentages or should I use another unit?I think you're butting your head against the CSS Box Model (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">http://www.w3.org/TR/CSS2/box.html#box-dimensions</a><!-- m -->).
Also know that IE 5.x gets the box model wrong. It absorbs padding and borders into the width, whereas the standards say to add the padding, borders and margins to the width specified in width: #<unit>; .
IE 6 gets the box model wrong in the same way when working in quirks mode, but I see you've got a valid doctype in your document, so IE 6 isn't a problem.
That's the only problem I've got with the page when viewing it in Mozilla -- in IE 6 there are a couple of more things that need to be fixed, but let's try and make it look good in Mozilla first!
The HTML page: <!-- m --><a class="postlink" href="http://jkarlsson.netfirms.com/test/index.html">http://jkarlsson.netfirms.com/test/index.html</a><!-- m -->
The CSS: <!-- m --><a class="postlink" href="http://jkarlsson.netfirms.com/test/stilmall.css">http://jkarlsson.netfirms.com/test/stilmall.css</a><!-- m -->
And please ignore the Netfirms banner on top of the page!
Edit: One more thing: Currently I've set the width of the three sections I talked about to 50%. Is it a good idea to use percentages or should I use another unit?I think you're butting your head against the CSS Box Model (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">http://www.w3.org/TR/CSS2/box.html#box-dimensions</a><!-- m -->).
Also know that IE 5.x gets the box model wrong. It absorbs padding and borders into the width, whereas the standards say to add the padding, borders and margins to the width specified in width: #<unit>; .
IE 6 gets the box model wrong in the same way when working in quirks mode, but I see you've got a valid doctype in your document, so IE 6 isn't a problem.