2 replies [Last post]
laurenced
Offline
newbie
Last seen: 11 years 45 weeks ago
Timezone: GMT+1
Joined: 2007-09-05
Posts: 5
Points: 0

Hi all

I've got a three column layout with some thumbnails in the left column and a bounding DIV which has overflow:auto set. This works fine in FF -- the bounding DIV (which has a border) wraps around all of the contained content with a perfect pad. Not so in IE6, where the thumbnails in the left column (which is a float) overlap the bottom of the bounding DIV.

Here's an example:

and the site can be seen here: http://host3.transparent-tech.com/~doviscom/index.php?action=searchresults

This is how it should look (and how it looks in FF2):

The relevant CSS is thus:

.resultsrow { overflow: auto; border: 1px solid #0CC; padding: 5px; margin-left: 6px; margin-right: 10px; position: relative; }

.rowleft {
float: left;
position: relative;
width:100px;
}

.rowcontainer {
margin-left: 110px;
}

.rowcentre {
position: relative;
float: left;
width: 400px;
text-align: justify;
}

.rowright {
border: 1px dotted #FC0;
margin-left: 410px;
padding-right: 3px;
text-align: right;
background: #fff;
position: relative;
}

the layout is this: resultsrow[ rowleft[ ] rowcontainer[ rowcentre[ ] rowright[ ] ] ] if that makes any sense. Here's the HTML:

{image_thumb_1}
{image_thumb_2}
{field_4}
{listing_pclass}

{textarea_20_short}
{addon_xchangeRate_price}
{field_2} {lang_cap_beds}
{field_3} {lang_cap_baths}


Any ideas? Any help would be much appreciated Smile

laurenced
Offline
newbie
Last seen: 11 years 45 weeks ago
Timezone: GMT+1
Joined: 2007-09-05
Posts: 5
Points: 0

Fixed! After reading

Fixed!

After reading another post on this forum, adding the attribute display: inline-block; to the containing DIV seems to have done the trick!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Thankyou for searching and

Thankyou for searching and working out the answer for yourself, it's always nice to see people take the initiative Wink

Verschwindende wrote:
  • CSS doesn't make pies