Click to See Complete Forum and Search --> : Table Background Image


corban55
09-05-2007, 11:04 AM
Hi ALL,

I am a new web designer, and am having issues with my header image on the site I am working on. On some earlier IE browser, the header image does not appear in entirely. On mozilla, firefox, and new IE's it is fine.

The way the header image is setup is that I have it as a background image of a table, and the links are in seperate td's.

I would love to know:
1. Did I setup the table correctly
2. Is my css written correctly, is there a better way?

Thanks in advance,
Andrew

One of the webpages with the header on it is:

http://www.fx-strategy.com/new_site/strategy/index.html

The css that relates to this table is below:

body {
margin: 0;
padding: 0;
height:100%;
border:none;
background-image: url(../new_web_images/background_repeat.jpg);
background-repeat:repeat;
}

#Container {
position:relative;
margin-left: auto;
margin-right:auto;
width: 756px;
height: 100%;
background-color:#FFFFFF;
}

#Container_strategy {
position:relative;
margin-left: auto;
margin-right:auto;
width: 756px;
height: 100%;
background-color:#FFFFFF;
}

#menu {

position:relative;
background-image: url(/new_web_images/080307_header_02.gif);
background-repeat:no-repeat;
}

#menu td {

font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:700;
color:#333333;
}

#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:700;
color:#333333;
text-decoration:none;
}

#menu a:hover {
text-decoration:underline;
}

Major Payne
09-05-2007, 10:14 PM
Aside from the fact you should never use tables for layout purposes except when presenting tabular data, both your image paths, although in the same folder, seem to have their paths written differently. If you're going up one directory then " ../ " is correct, but one has " ../ " and the other has " / ".

Ron