Thread

Hi there,

I created my site in Safari on a Mac, tested on Firefox and Camino.  I am now finding out that my columns (should be three vertical) are not functioning very well, in fact, not at all in IE on Windows.

Tried the Box-Model hack, may not have implemented it very well though.  Any suggestions?

Div Columns A, B and C are all floated in a Container div.

Any help would be great.  Thanks!

I haven’t looked at this in IE, but I took a quick peak at your CSS and I’m going to guess if you set “display: inline;” on your floated elements (columns) that it would most likely do the trick.

Thanks Stephen,

I will take a look - and I really appreciate your signature, I feel the same.

Colin

Just took a quick look. Rather than using padding (that forces you to use hacks) stick with margins only on your fixed width divs. You are using borders between columns, so everything inside div needs margin or padding so they are not next to border.

Or if you don’t mind extra markup, then you can put a new div inside every column div you have.

If I have divs with fixed width, I never use (left or right) padding. I hate fighting with hacks.

I have only IE7 which shows your site fine. I checked your hack, and for me it looked to be fine. There is other IE6 bugs too, so I really should see what’s problem there. Screenshot maybe?