2 replies [Last post]
davemof
Offline
Regular
huddersfield
Last seen: 12 years 29 weeks ago
huddersfield
Joined: 2005-11-01
Posts: 18
Points: 0

Hi, I have created an xhtml 1.0 strict website which validates. However, I am using a floated image in one section. The image appears outside of it's bounding box, but only in IE. I can't figure it out, and would appreciate any suggestions.

The section of code that is at fault is:

Malta Harbour

With Breathtaking coastlines, ancient architecture and a sunny warm climate, it’s no wonder Malta has become one of the latest property hotspots. But if you’re keen to buy property there, what’s currently available , what what do you need to know and are there any potential pitfalls to be aware of?


The CSS used to layout is :

.page_info{ padding:0px 0px 0px 15px; }

.page_info img.location{
float:left;
margin:0px 15px 15px 0px;
}

.lead{
padding:0px 0px 5px 0px;
color:#336699;
font-weight:bold;
}

.clearfloat {
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}

The site also up on a test server, and the page causing issues is http://www.id30-test.co.uk/location.html.

Any help recieved will be much appreciated.

Thanks

David

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 20 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Put the image at the

Put the image at the beginning of the first paragraph, not before it.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

davemof
Offline
Regular
huddersfield
Last seen: 12 years 29 weeks ago
huddersfield
Joined: 2005-11-01
Posts: 18
Points: 0

Solved

Many thanks, that worked a treat. Still not sure why IE was doing that when not wrapped in a

tage, but at least its sorted.

Once again many thanks

David