This page looks fine in IE8 but not IE7 cannot figure it out.

Alright I've been playing around with this for awhile and I can't seem to figure it out. The page looks fine in IE8 but IE7 does not seem to want to drop the margin of the background image for me.

HTML

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

        <script type="text/javascript" language="JavaScript" src="scripts/jquery.js"></script>

        <script type="text/javascript" language="JavaScript" src="scripts/jquery.cookie.js"></script>

        <script type="text/javascript" language="JavaScript" src="scripts/ddmenu.js"></script>

        <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

        <link rel="stylesheet" type="text/css" href="style.css"/>

        <title>My page</title>

    </head>

    <body>

        <div id='site_container'>

            <div id='header_container'>

                <div id='logo_container'>

                    <a href='#'><img alt='320 East Logo' src='images/logo.png'/></a>

                </div>

                <div id='menu_container'>

                    <div style='margin-left: 50px; height: 74px; text-align: center;'>

                        <a href='#'><img class='menu_item' alt='Home' src='images/home_link.png'/></a>

                        <a href='#'><img class='menu_item' alt='About Us' src='images/about_link.png'/></a>

                        <a href='#'><img class='menu_item' alt='Estimate' src='images/estimate_link.png'/></a>

                        <a href='#'><img class='menu_item' alt='Contact Us' src='images/contact_link.png'/></a>

                    </div>

                </div>

                <div class='clearit'>

                </div>

            </div>

</div>

</body>

</html>

CSS

Expand|Select|Wrap|Line Numbers

 
html

{

    margin-top: 30px;

    font: Arial;

}
 
body

{

    background-repeat: repeat-x; background-image: url("images/headerbackg.jpg"); margin: 0px auto; width: 100%;

}
 
a

{

    border-style: none;

}
 
a img

{

    border-style: none;

}
 
#site_container

{

    margin-top: -30px; width: 960px; margin-left: auto; margin-right: auto;

}
 
#logo_container

{

    float: left;

    width: 267px;

}
 
#menu_container

{

    width: 693px;

    margin-top: 30px;

    float: right;

    height: 74px;

}
 
.menu_item:hover

{

    background-color: #67a2c7;

}

Any help would be appreciated. Thank you for your time.

Dec 23 '10 #1

Subscribe Post Reply

2040

drhowarddrfine

7,435

Expert 4TB

Can you put this online? Without the images, it's difficult to see the problem.

Does it work correctly in any modern browser? You should always test first in anything but IE to make sure your markup displays correctly. Also, IE8 does not work like IE7 which doesn't work like IE6 which won't work like IE9 and none of them work correctly.

'font' is a CSS shorthand property. To only select a font family, use 'font-family'.

margins do not affect background images.

Dec 23 '10 #2

AutumnsDecay

170

100+

As drhowarddrfine said, we'd need to see a live demo.

Any reason you have 'auto' as one of your <body> margins? Try moving that and just have: margin:0px;

Dec 24 '10 #3

Similar topics

Web page looks mis-aligned !

by: inquisitiveman2002 | last post by:

Hello, My webpage looks fine on my computer using IE v6.0, but looks way mis-aligned on my friend's computer eventhough he is using IE v6.0 also. Why is this happening? I do remember his IE saying...

HTML / CSS

IE Looks fine, Mozilla looks garbled, Positioning Help please

by: Applebrownbetty | last post by:

Hi, I've run into a problem with IE 6 vs. Mozilla when displaying a completely CSS positioned page, and was wondering if any resident CSS guru might quickly be able to find the problem(s). Thank...

HTML / CSS

This page is not a valid HTML 4.01.WHY?

by: Steal | last post by:

Hi at all I try to validate this page using the link: http://validator.w3.org/ but it return that this is not a valid HTML 4.01 page please where is it error? Steil <!DOCTYPE HTML PUBLIC...

HTML / CSS

Why does this page generate a top white line in FireFox?

by: typingcat | last post by:

First, thank you for my previous post. But I'm afraid that I've returned with a more picky question. http://cat3.dotnet29.hostbasket.com/korean/ This page looks as I intended on Microsoft...

HTML / CSS

The viewstate is invalid for this page and might be corrupted problem

by: Hardy Wang | last post by:

Hi all: I developed a web site, it passed various testing internally. When I put this site in production, I receive some error reports from this site saying "the viewstate is invalid for this page...

ASP.NET

First App: Need print preview in my program; cannot figure out page limits

by: hector | last post by:

Hi all, Need i simple example on how print/preview data from a database. I already have some code but I am lost because the preview does not create multiple pages and only shows the first page...

.NET Framework

Page looks crooked in Mozilla

by: ashkaan57 | last post by:

The web site is in two languages, one in English and the other in Farsi (Persian) which is a right-to-left language. So, I used two stylesheets, with the same info, and changed the right and left...

HTML / CSS

Need help cannot figure out where I made the error.

by: JRamirez | last post by:

Need help cannot figure out where I made the error. -------------------------------------------------------------------------------- Can someone view what I have, I need help I cannot figure out...

Java

Page looks good in Firefox, but misaligned in IE, need suggestions.

by: Binx | last post by:

I am creating a website for a company, and it looks fine in Firefox, but when I look at it in IE, it is not centered. I am using dreamweaver MX, and can't see why it is doing that. Any suggestions?...

HTML / CSS

ERROR: The state information is invalid for this page and might be corrupted

by: Nathan Sokalski | last post by:

I am recieving the following error on the second postback of a page I have written: The state information is invalid for this page and might be corrupted Stack Trace: ...

ASP.NET

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware