IE6 Problems in grids and template

[Stefan Frede]

Hi!

I'm just diving into OOCSS right now and built some quite simple landing pages with it. I like it a lot. It makes the process much simpler and way more flexible.

I tested the sites in Mac Safari, Win IE8, Win IE7, Win IE6 and Win Firefox and as usual everything looks fine except in IE6.

After some testing and trial and error rounds I found out that it were these CSS styles which caused my problems.

grids.css
============================================================
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;width:auto;}
/* Removed due to problems in IE6: _position:relative; _left:-3px; _margin-right: -3px; */

template.css
============================================================
.body, .main{display: table-cell; *display:block;width:auto; _zoom:1;}
/* Removed due to problems in IE6: _position:relative; _left:-3px; _margin-right: -3px; */

After I removed the hacks even IE6 looks fine.

Now I'm wondering because I think these are special IE6 hacks and they are there for a reason and the reason is not just to screw this damn browser (with which I would be totally ok (^_~)).

Did anyone experienced something similar?

I used for testing a IE6 6.0.2900.55122.xpsp_sp3_gdr.090904-1435 with a Windows XP with service pack 3.

Regards,
Stefan

[Nicole Sullivan]

Hi Stefan,

Can you send a URL or screenshot and explain more about how it is
broken in ie6? Those styles exist to correct the ie 3px float bug. In
most layouts you'll not notice the extra 3px anyway.

Nicole

Sent from my iPhone

> --
>
> You received this message because you are subscribed to the Google
> Groups "Object Oriented CSS" group.
> To post to this group, send email to object-or...@googlegroups.com
> .
> To unsubscribe from this group, send email to object-oriented...@googlegroups.com
> .
> For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=
> .
>
>

[Stefan Frede]

I attached a screenshot and marked the issues. One is an offset to the left of the .body-class and the other one is an offset to the top from a unit in an size1of2 grid. Hope this is somehow understandable but I think with the screenshot it will be.

When I remove the hacks as I wrote these issues are gone.

Stefan