No replies
barnaby
Offline
newbie
Last seen: 15 years 44 weeks ago
Joined: 2004-01-19
Posts: 1
Points: 0

Hi

Could someone tell me if this falles apart in IE5.0 (I think the divs maybe overlapping) and if so, why?
http://www.robdrummond.co.uk/test/
Thanks, much appreciated.

relevant code:

body
{color: #000;
background-image : url(images/bodybg.jpg);
background-repeat : repeat;
margin: 0;
padding: 0;
font-family : "Times New Roman", Times, serif;
font-size : 100%;
}

#container
{position : relative;
background-image : url(images/contbg.jpg);
background-repeat : no-repeat;
color: #000;
padding: 0;
margin: 0 ;
width: 750px;}

#container:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

#header h1
{color: #000;
background :url(images/logo.jpg);
width: 750px;
height: 100px;
float: left;
border-right:0px;
border-bottom:0px;
}

#introduction
{float: right;
background : transparent;
width: 160px;
padding: 10px;
border-top: #990 1px dashed;
font-size : 80%;
/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 140px;
}

#mainBody
{color : #5B133C;
float: right;
background : transparent;
width: 450px;
padding: 10px;
border-top: #999 1px dashed;
border-right: #999 1px dashed;
border-bottom: #999 1px solid;
border-left: #5B133C 1px dashed;
font-size:90%;
/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 428px;
}

#entries
{position:absolute;
top:100px;
background: transparent;
width: 140px;
padding: 10px;
border-top:#999 1px dashed;
border-right:#999 1px dashed;
font-size : 80%;
/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 120px;
}

etc