From: Dan Moriarty <[EMAIL PROTECTED]>
>My site has a border running underneath the main graphic
>on each page, and IE 6 is adding a space between the graphic and the border.
>Any idea why?
To solve this, move the closing tag for the id="top" div to the same line as
the image, in other words, remove the white space in your mark up.
>Also, I have the company logo floating on the bottom right
>corner of the page, but IE 6 seems to add a lot more extra space between the
>last line of text in the content, and where the logo begins.
This is apparently the doubled float-margin bug.[1] Add {display: inline;} to
#logo. You might also consider removing the top and bottom padding and setting
a height for that div, say, 50px.
>Basically, I want to tighten up the spaces that IE 6 seems to be giving me,
>so it looks more like Firefox. Any ideas?
Give the paragraphs that are your right menu a specifically stated margin, such
as {margin: 0 0 1em 0;}
For the #bottom div, consider placing the text in a paragraph element and
setting margins on that to create the space you want in the div. Then you'd
remove most of the padding from the div as well. You'll still need a pixel of
bottom padding, (or a bottom border the same color as the background of the
div) to contain the bottom margin on the paragraph.
#bottom p {margin: 20px 0;}
http://www.danmoriarty.com/wax/home.php
http://www.danmoriarty.com/wax/css/wax.css
I hope that helps,
~holly
[1]http://www.positioniseverything.net/explorer/doubled-margin.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
