2 replies [Last post]
scotch33
Offline
newbie
Last seen: 14 years 25 weeks ago
Joined: 2006-02-13
Posts: 1
Points: 0

This is a bit junior - sorry , I am just getting my head around css instead of tables and have been battling through a site to do so.

www.dslproductions.co.uk/devsite/projects.php

I have an issue with images on this page if viewed in firefox - I think its the float command - basically in ie the div stretches down to fit the image floating in it, in firefox it doesn't - can anyone help me? css code below

pis are -

.profilepic {
float: left;
margin-right: 20px;
margin-bottom: 20px;
clear: all;
}

div they are in is -

.infoboxconts {
width: 500px;
margin-left: 20px;
margin-bottom: 10px;
background-color: #29016A;
border-left: 1px #8D54D7 solid;
border-right: 1px #8D54D7 solid;
border-bottom: 1px #8D54D7 solid;
padding: 10px;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

'float' issue

Search on 'clearing float containers' please, there is information in abundance on this issue.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 45 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

'float' issue

In CSS its, clear: both, not clear: all.