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;
}
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;
}