Hi,

I have some problem with CSS in my customized e107 theme.
I've tried a lot of things but I can't fix this.

My site is: http://klar abutorhaz.hu

In Firefox everithing is okay, but in IE(6) on the homepage the div-s positions aren't good, and if you check the "Contact" page, it is totally badly-positioned. They both use the same css so I can't figure it out.
I also have tried to set back the original theme, but it has this 'bug' too.

Please help me if you have some time to check my files! What should I change?

Thank you,
CollisDam

lose the <?xml version='1.0' encoding='iso-8859-2' ?> before the DTD. It "breaks" the doctype for IE

Internet Explorer is, has been, and will always be a pain in the...

Originally Posted by chrishirst

lose the <?xml version='1.0' encoding='iso-8859-2' ?> before the DTD. It "breaks" the doctype for IE

Thanks for the reply chris. I've removed that xml thing but it doesn't solve my problem. Nothing has changed. You can check my page. It's really annoying in IE. I can't get rid of it.

If you (or anybody) can, please download the contact.php with FF like a full site, so you can edit it offline. If you find the error please tell me what is it. I think I've already tried my best but it's not enought.

Thanks,
CollisDam

In IE6 you are triggering the doubled-float margin bug by putting a right margin on a right-floated div (and the same will happen for left floats with left margins). IE6 incorrectly DOUBLES the margin.

You're going to need to use conditional comments to call a separate css 'fixes' file to make IE6 work right. Add display:inline to #sidebar to fix that problem.

You will have to do the same thing for #content since you have the same bug, add display:inline to it.

that's just "float drop"

Your widths don't add up. IE adds the margins, padding and borders to the widths then decides there isn't enough space so it pushes the later elements below it's floated predecessors

sidebar 180 + 10(padding) + 20(margin) + 2(border) = 202
content 500 + 10 + 10 + 2 = 522

PLUS the double floated margin bug extras on both, means that is all adds up to more than 750px

LnR can type quicker than I can

lol... I'm also very familiar with that particular IE bug.

Wow, thanks LadynRed and Chris! Once I had that same problem and I did not have any idea what to do. Thanks again!

- Steve

The display:inline; solved the problem!
D@mn IE6!

Thank you guys, I'm really happy with this now!
I wouldn't have been able to solve it without you (i hope you understand it, i haven't got a 100% english )

So thanks again, and have a nice day!

CollisDam