CSS Help Needed

Christopher

Retired
Messages
14,659
Reaction score
8
Points
0
I need someone who is good with css to help me with a problem I'm having. I can't get IE to display some code right. It works in Firefox. The code is below. The page is at http://65.29.30.66/XetaHost/

CSS Code
Code:
.top{ 
width:1000px; 
}

.header01{
width:1000px;
height:58px;
background-image:url(images/header09.gif);
background-repeat:no-repeat;
}
.header02{
width:608px;
height:60px;
background-image:url(images/header09-03.gif);
background-repeat:no-repeat;
}
.headerDomainSearch{
position:absolute;
top:66px;
left:616px;
width:263px;
height:23px;
background-image:url(images/domain_search.gif);
background-repeat:no-repeat;
}
.headerDomainSearchGo{
position:absolute;
top:68px;
left:891px;
width:21px;
height:21px;
background-image:url(images/go_button.gif);
background-repeat:no-repeat;
}
.header03{
position:absolute;
top:66px;
left:879px;
width:129px;
height:2px;
background-image:url(images/header09-05.gif);
background-repeat:no-repeat;
}
.header04{
position:absolute;
top:68px;
left:879px;
width:12px;
height:58px;
background-image:url(images/header09-06.gif);
background-repeat:no-repeat;
}
.header05{
position:absolute;
top:68px;
left:912px;
width:96px;
height:58px;
background-image:url(images/header09-08.gif);
background-repeat:no-repeat;
}
.header06{
position:absolute;
top:89px;
left:616px;
width:263px;
height:37px;
background-image:url(images/header09-09.gif);
background-repeat:no-repeat;
}
.header07{
position:absolute;
top:89px;
left:891px;
width:21px;
height:37px;
background-image:url(images/header09-10.gif);
background-repeat:no-repeat;
}

HTML Code
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>XetaHost</title>
</head>
<body>
<div class="top">
<div class="header01"></div>
<div class="header02"></div>
<div class="header03"></div>
<div class="headerDomainSearch"></div>
<div class="headerDomainSearchGo"></div>
<div class="header04"></div>
<div class="header05"></div>
<div class="header06"></div>
<div class="header07"></div>
</div>
</body>
</html>
 
Last edited:

hatbocs

New Member
Messages
62
Reaction score
0
Points
0
This is pretty tricky. I've almost gotten it, but I believe there is a better way to cut up your picture. (Better yet, not at all).

Slice it vertically so you have a large chunk to the left and then go back and reslice the right side of the image. This way you can have your divs float left and butt up against the larger left half that is the whole height of the image.
 

Christopher

Retired
Messages
14,659
Reaction score
8
Points
0
Thank you! That worked.
Now to see what happens with the rest of the site.
 
Top