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;
clear: both;
}
#col2 {
width: 245px;
height: auto;
margin: 0 255px 0 255px;
padding: 0px;
}
#col3 {
width: 253px;
height: auto;
border-left: 2px dotted #5D355E;
float: right;
margin: 0px;
padding: 0px;
}
#col1 p, #col2 p, #col3 p {
font: 12px/16px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 5px 10px;
}
It should work in IE and Mozilla/Firefox. I tested it and it works fine.
>
> From: Sean Sullivan-Daley <[EMAIL PROTECTED]>
> Date: 2004/05/19 Wed PM 03:01:54 EDT
> To: [EMAIL PROTECTED]
> Subject: [WSG] Help with Float
>
> 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 am I doing wrong?
>
> -Sean
> *****************************************************
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *****************************************************
>
>
Michael Rainey
Blog: http://raineym.dyndns.org/
Resume: http://mrainey.dyndns.org/
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
