wastlinger
05-10-2005, 08:06 AM
I am having problems getting the following to display properly in explorer 5 and 6:
http://www.casac.co.uk/?cl=property&op=submit_search_properties&bedrooms_min=1
I have made screenshots of what I want and what I am getting in explorer:
www.casac.co.uk/wanted.jpg
www.casac.co.uk/explorer.jpg
The borders and backgrounds are not showing properly in explorer.
The CSS for the html is as follows:
.property_returned {
margin: 0px 0px 0px 0px;
}
.property_returned h1 {
font-size: 0.8em;
background-color: #CCCCFF;
margin: 5px 0px 0px 0px;
padding: 5px;
border-top: 1px solid #006699;
border-bottom: none;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
}
.property_returned_details {
margin: 0px 0px 5px 0px;
padding: 0px;
border-top: none;
border-bottom: 1px solid #006699;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
background-color: #F5F5F5;
}
.property_returned p {
padding: 1px 0px 1px 10px;
}
.property_returned_image {
float: left;
width: 45%;
}
.property_returned_image img {
margin: 5px;
}
.property_returned_text {
float: left;
width: 50%;
}
It displays OK in Firefox and I have validated both the html and the css and they seem fine, so I cannot see the problem there.
Does anyone have any ideas what might be causing this? Any answers much appreciated.
http://www.casac.co.uk/?cl=property&op=submit_search_properties&bedrooms_min=1
I have made screenshots of what I want and what I am getting in explorer:
www.casac.co.uk/wanted.jpg
www.casac.co.uk/explorer.jpg
The borders and backgrounds are not showing properly in explorer.
The CSS for the html is as follows:
.property_returned {
margin: 0px 0px 0px 0px;
}
.property_returned h1 {
font-size: 0.8em;
background-color: #CCCCFF;
margin: 5px 0px 0px 0px;
padding: 5px;
border-top: 1px solid #006699;
border-bottom: none;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
}
.property_returned_details {
margin: 0px 0px 5px 0px;
padding: 0px;
border-top: none;
border-bottom: 1px solid #006699;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
background-color: #F5F5F5;
}
.property_returned p {
padding: 1px 0px 1px 10px;
}
.property_returned_image {
float: left;
width: 45%;
}
.property_returned_image img {
margin: 5px;
}
.property_returned_text {
float: left;
width: 50%;
}
It displays OK in Firefox and I have validated both the html and the css and they seem fine, so I cannot see the problem there.
Does anyone have any ideas what might be causing this? Any answers much appreciated.