trouble with floats

[dukelips]

i m designing a new page with css. the page is designed as a 3 column layout with floats.

The layout appears normal in ie 7 and firefox but one of the column appears below the others in ie 6.

can anyone suggest a fix

[RedTCat]

Be careful with widths of the DIV's. Allow for an extra 3px space between each floated DIV in IE6 as it adds extra space between floated DIV's.

[dukelips]

any hacks

[Marshall]

Set your <div> margins to zero then set the left margin for both your center and right <div> to whatever distance you want them to be spaced. Do not forget that borders and padding will affect the overall width of a <div> too.

Marshall

[swa66]

Make the width of the parent wider, or the width of the childern smaller for IE6 only using a conditional comment.

I'm not into "hacks" as I believe they make the world a worse place in the long run.

[dukelips]

shd i use boxhack for ie 7 or is it negated in ie 7.

Css designs can be cool if its a straight forward web design but with table like structure inside a page leads to much confusion

[dukelips]

PLEASE CLARIFY

SHD WE USE HACKS FOR THE BOX MODEL IN IE 7

[swa66]

I try to avoid all hacks. Conditional comments in IE will do the trick.

I use this:

 <link rel="stylesheet" type="text/css" href="style.css" />
 <!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="ie6.css" />
 <![endif]-->
 <!--[if IE 7]>
  <link rel="stylesheet" type="text/css" href="ie7.css" />
 <![endif]-->

First make it work in firefox/safari/opera ... (anything but IE),
once you're happy there, move to IE and fix the problems of rIE6 and IE7 in their file that you put on top of the standards compliant one.

You should be able to keep it hack free that way.

[dukelips]

swa66 tx for your help.

my question is ie implements the box model differently .Is it corrected in IE7 or is it the same .