I am having problems getting the following to display properly in explorer 5 and 6:
<!-- m --><a class="postlink" href="http://www.casac.co.uk/?cl=property&op=submit_search_properties&bedrooms_min=1">http://www.casac.co.uk/?cl=property&op= ... ooms_min=1</a><!-- m -->
I have made screenshots of what I want and what I am getting in explorer:
<!-- w --><a class="postlink" href="http://www.casac.co.uk/wanted.jpg">www.casac.co.uk/wanted.jpg</a><!-- w -->
<!-- w --><a class="postlink" href="http://www.casac.co.uk/explorer.jpg">www.casac.co.uk/explorer.jpg</a><!-- w -->
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.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.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.
<!-- m --><a class="postlink" href="http://www.casac.co.uk/?cl=property&op=submit_search_properties&bedrooms_min=1">http://www.casac.co.uk/?cl=property&op= ... ooms_min=1</a><!-- m -->
I have made screenshots of what I want and what I am getting in explorer:
<!-- w --><a class="postlink" href="http://www.casac.co.uk/wanted.jpg">www.casac.co.uk/wanted.jpg</a><!-- w -->
<!-- w --><a class="postlink" href="http://www.casac.co.uk/explorer.jpg">www.casac.co.uk/explorer.jpg</a><!-- w -->
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.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.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.