Newbie needs help, gap in background color using IE8

Get Started
1

Hi,

I am new at designing web pages. I own several Sitepoint books.

The Sitebook that I am using to create a web page is
HTML Utopia Designing Without Tables Using CSS by Rachel Andrew and Dan Shafer.

I just finished creating a web page using Notepad. The XHTML and CSS both validate.

When I look at my web page live on Firefox everything looks fine.

When I look at the web page in IE 8 there is a gap in the background color right above the footer. The background color should be a light blue where the white background color appears using IE.

The website URL is http://www.sfth.org

Please tell me how to eliminate the gap in the background color.

Thank you.

Newdesigner

2

Hi newdesigner! Welcome to SitePoint. :slight_smile:

Probably your best option is to add the lines in red to your #main styles:

#main {
  margin: 0;
  padding: 0;
  width: 100%;
  font: 1em/1.2 Tahoma, Verdana, Arial, sans-serif;
  [COLOR="Red"]background: #B0C4DE;
  overflow: hidden;[/COLOR]
}

That will ensure that if the sidebar is longer than the left had content, the blue background will still go all the way to the bottom. :slight_smile:

3

Hi Ralph,

Thank you for the welcome.

The additional two lines of CSS that you gave me worked perfectly! Thank you very much. Now I feel much happier about my work.

I hope that you won’t mind me asking you another question.

I was using IE8 to check the alt tags for the same web page, but when I place my mouse over the images nothing pops up. It use to when I used IE6. Is there a way to double check the alt tags using IE8?

I also can’t check the alt tags using Firefox.

All of the XHTML code validates for this web page.

Thank you very much for helping me.

Newdesigner

4

IE6 only behaves like that because it is a dud browser. Alt tags are not meant to show up like that. If you want that behavior, use a title tag. E.g.

<img height="130" width="200" [COLOR="Red"]title="sewn Bible book cover with handles dark blue"[/COLOR] alt="sewn Bible book cover with handles dark blue" src="resizedsewnfromtheheartbiblebookcoverdarkblue.jpg">
5

Hi, Ralph,

Thank you very much for answering my question. You have been very helpful to me.

I may have some more questions some day.

Thank you for your assistance.

Newdesigner