Posts: 5,935
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
|
Hey Stephanie,
The problem that I can see with your layout in IE7 is your header. You're using spacer images (that's not a good idea, because they're not necessary) to include some words. The problem is that your second spacer (below) is forcing the header downward:
Code:
<div class="spacer">
<img src="images/spacer1.png" alt="Colorado Springs" />
</div>
Either get rid of that image (which is what I would do personally) or add overflow: hidden; to the CSS for .header . You may have to do both, but you will have to do one.
Another thing that I noticed is that, while it does validate without it, you should put the width and height of your images in the img tag (e.g. <img src="your image here" width="400" height="300" alt="Alt Attribute Here" />). This avoids any weird sizing issues and decreases load time as it saves the browser the trouble of trying to figure out how big the image is supposed to be (it also avoids the weird moving effect that large images create when these attributes aren't included).
http://www.websiteoptimization.com/speed/tweak/size/ <--- the site is ugly, but the point is valid. |
