Click to See Complete Forum and Search --> : Problem with Explorer 5 and 6


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.

ray326
05-10-2005, 03:02 PM
That's rather odd. It changes if you reload the page, too. You could greatly simplify the markup and CSS and achieve the same design. Eliminating all but a couple of those divs might help considerably.

wastlinger
05-10-2005, 03:35 PM
So do you think that is where the problem lies? Simplifying the markup.

You mention that removing all but a couple of divs would do. Do you mean for the entire html page, or do you just mean the bordered boxes and the background.