russ - maxdesign wrote:
Floats are suppose to extend past bottom of a container.
That statement is correct in this instance but might be slightly misleading.
It would be better to say that the heights of floated items are ignored by
the parent container, so there is a possibility they may
Quoting Sean Sullivan-Daley [EMAIL PROTECTED]:
I am trying to float 3 columns next to each other.
This appearas to be OK in IE6 but is broken in FireFox.
The columns break out of the container in FireFox.
There's now a new way to clear float containers without the need to use an extra
Standards Group [EMAIL PROTECTED]
Subject: Re: [WSG] Help with Float
#col1 {
width: 253px;
height: auto;
border-right: 2px dotted #5D355E;
float: left;
margin: 0px;
padding: 0px;
clear: both;
}
#col1 p, #col2 p, #col3 p {
font: 12px/16px Arial, Helvetica, sans-serif;
margin: 0px
El mié, 19-05-2004 a las 21:43, Brian Foy escribió:
Hi Sean,
Looks like you have to clear those floats.
Try adding a div with clear: both; just below the last column.
Brian
Or this nicer method (i don't know where i first read about this, excuse
me if it was on this list :)
Clearing
Hi Sean,
Looks like you have to clear those floats.
Try adding a div with clear: both; just below the last column.
Brian
Sean Sullivan-Daley wrote:
I am trying to float 3 columns next to each other.
This appearas to be OK in IE6 but is broken in FireFox.
The columns break out of the container in
Sean Sullivan-Daley wrote:
I am trying to float 3 columns next to each other.
This appearas to be OK in IE6 but is broken in FireFox.
The columns break out of the container in FireFox.
Here is a link to the Files.
http://sean.ashtonweb.com/test/
http://sean.ashtonweb.com/test/css/style2.css
What
#col1 {
width: 253px;
height: auto;
border-right: 2px dotted #5D355E;
float: left;
margin: 0px;
padding: 0px;
clear: both;
}
#col1 p, #col2 p, #col3 p {
font: 12px/16px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 5px 10px;
}
Mike,
There are two small problems with this
What you're doing wrong is that you are assume IE6 is getting it right.
Floats are suppose to extend past bottom of a container. You could try
adding br style=clear:both/.
That statement is correct in this instance but might be slightly misleading.
It would be better to say that the heights of
Floats are tricky. Try this:
1) Drop your col2 div below the col3 in the HTML markup.
2) Use these values for the col# in the stylesheet:
#col1 {
width: 253px;
height: auto;
border-right: 2px dotted #5D355E;
float: left;
margin: 0px;
padding: 0px;
