Thanks Sophie,
Good tip.
Joe
----- Original Message -----
From: "Sophie Van Waesberghe" <[EMAIL PROTECTED]>
To: "Joe Schmitt" <[EMAIL PROTECTED]>; "Your Name"
<[EMAIL PROTECTED]>; <css-d@lists.css-discuss.org>
Sent: Wednesday, July 25, 2007 5:08 AM
Subject: Re: [css-d] Site Check
> 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/
>
______________________________________________________________________
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/
