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: <[email protected]>
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/
