Kim Kruse wrote:
http://mouseriders.dk/thierry/
1. I can't get the #inner div to line up with the tab menu above in
any of the above browsers.
#inner {
width:660px;
margin-right:auto;
margin-left:auto;
background-color:#FFF;
padding-top: 1px; /* note */
border-right: 1px solid #000;
border-left: 1px solid #000;
}
A border-top will do the same as a padding-top: kill stray margins. You
can compensate by using "margin-top: -1px;" if that suits your layout
better.
You may also have to set "margin-top: -1px;" on #sidebar and #content,
but I can't interpret your design-wishes on that part.
2. The #sidebar div is "growing" through the #content div even though
I have a "clearer" div in the bottom.
1: your clearer is in the wrong place; one div-close too high.
2: empty <div class="clearer"></div> doesn't impress FF all that much.
3: use "clear: both" to clear both #sidebar and #content.
The simplest - working - clearer will look like this in your code:
</div><!-- content ends -->
<br style="clear: both; font-size: 1px; line-height: 0; height: 0;" />
</div><!-- inner ends -->
</div><!-- wrapper ends -->
You may use this method:
http://www.positioniseverything.net/easyclearing.html
...instead of a <clearing-element /> - if you like.
regards
Georg
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
