For the gap after the header: rather than getting rid of the spacing in
the HTML try:
img {
vertical-align: bottom;
}
I forget the entire explanation, but essentially what happens is that
IE6 leaves a gap to allow for descenders (the bits of letters that stick
out downwards). Of course, images won't have descenders, but the gap
stays. This only applies to images that are set to display inline.
Hope that helps :)
Sophie
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Joe Schmitt
Sent: 24 July 2007 22:45
To: Your Name; css-d@lists.css-discuss.org
Subject: Re: [css-d] Site Check
Hi Matthew,
I got rid of the 4 pixel gap by removing extra spaces in the html code
for the header section:
<div id="header">
<div id="header_left"><img src="images/left_corner_patch.jpg"
alt="Top half of patch." height="88" width="141"></div>
<div id="header_center"><img src="images/header_center.jpg"
alt="Website logo." height="88" width="300"></div>
<div id="header_right"><img src="images/right_corner_creators.jpg"
alt="Creators of the website." height="88" width="324"></div>
<div class="clear"></div>
</div>
Not sure why but adding "border: 1px solid #f2aa20;" to the ".leftnav
li"
styling in the CSS file removes the extra space in the left nav.
any color works, but if change it to a 0px border the extra space comes
back.
So, it's a hack, but maybe you can use it as a starting point to figure
out the problem.
.leftnav li {
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
text-align: center;
line-height: 18pt;
border: 1px solid #f2aa20;
}
Be Well,
Joe
----- Original Message -----
From: "Your Name" <[EMAIL PROTECTED]>
To: <css-d@lists.css-discuss.org>
Sent: Tuesday, July 24, 2007 3:25 PM
Subject: [css-d] Site Check
>
> I am looking for a site check before I begin to add content to this
site.
>
> The HTML link is: http://www.eddysound.com/filing/
>
> The CSS link is: http://www.eddysound.com/filing/style/epso.css
>
> First, I have a few problems in IE 6. There is a 4 pixel gap between
the
header and content div. Why is this? Of course Firefox shows it
correctly
without the gap. Any ideas on how to fix this?
>
> Second, is there a better way to style my secondary and tertiary
navigation in regards to line height / padding / margin? In IE 6 the
navigation becomes extremely spacious and looks terrible. Any help or
suggestions would be greatly appreciates to fix this. I am currently
using
the line-height attribute but feel there might be a better way.
>
> If you have any other suggestions or ways in which I can make this
site
better please feel free to let me know.
>
> Thanks,
>
> Matthew Stoneback
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
