ie6 displays frontpage differently than other pages

Gallex · 2010-01-26 08:29:37

continuing my ie6 serial.

in this homepage all the pages using the same css properties and falues but somewhy in frontpage ie6 displays content part below the sidebar. have you any explanations for that?

redbot · 2010-01-26 10:09:01

It’s the infamous 3-pixel bug. Search the internet and you’ll find how to fix.
But since the solution it’s not so linear and ie is hopefully dying, I’d add a simple rule in my ie specific conditional stylesheet reducing the #content div width by 3 or 4px.

paperboy · 2010-01-26 10:12:19

I think it’s the padding in the sidebar that makes it wider in IE6. Try with margins instead or make it narrower for IE6 only?

Edit: Ah, 3-pixel bug huh? Didn’t remember that one. :D

Last edited by paperboy (2010-01-26 10:14:19)

Gallex · 2010-01-26 14:39:14

redbot wrote:

It’s the infamous 3-pixel bug. Search the internet and you’ll find how to fix.
But since the solution it’s not so linear and ie is hopefully dying,

you are right. tryied this:

* html #sidebar-1 {margin:0 -3px 0 0;}

* html #content {margin:0 0 0 297px;height:1%;}

but no help. seems like there is no one absolute fix for that bug which would work in all situations. i think i will go .article{width:99%;}

still interesting that it occurs only in frontpage, not in other pages. for example in this page

I’d add a simple rule in my ie specific conditional stylesheet reducing the #content div width by 3 or 4px.

how? my #content have no width specified

Last edited by Gallex (2010-01-26 14:39:52)

redbot · 2010-01-26 15:07:14

Gallex wrote:

…how? my #content have no width specified

Probably it’s because you have an image in your home page content (the graph in the middle). I think if you remove the image (for testing) or reduce its width by 3px the bug will not show up.
I don’t remember exactly which was the correct way to fix the bug but I think you are on the right track (I’m at work and can’t test now).

Gallex · 2010-01-27 09:24:58

redbot wrote:

Probably it’s because you have an image in your home page content (the graph in the middle). I think if you remove the image (for testing) or reduce its width by 3px the bug will not show up.
I don’t remember exactly which was the correct way to fix the bug but I think you are on the right track (I’m at work and can’t test now).

removed the image – no change. wrote new article into frontpage (same article, but only first two paragraphs within it) – no problem ;) . there is something more in this article…too long? can’t be the reason…

p.s. restored the old css (removed ie6 hacks) for better finding the “bezonian”.

Gallex · 2010-02-01 12:40:56

i’ll notify you what i managed to discover in the meantime.

i found two lines (one within a blockquote and second within a paragraph ) which caused this “3 pixel text jog” bug.

i added/removed letters and punctuation marks till the width of those lines became “right” for ie6 and the bug has gone.

so, the reason of this bug is a rare combination of symbols in a line. if i could say so.

Gallex · 2010-02-02 09:15:44

digged on with this topic and….well-well-well, it comes out that i’m dealing here quite another bug – not so famous ie italics bug
i use lots of italic in that problematic frontpage article.

my final solution (at least i got help): created ie6 specific stylesheet with this inside it:

.article { 
zoom: 1;
height:1%;
overflow:visible;
}

even this:

.article { 
overflow:visible;
}

was sufficient.
i hope this helps more people

Textpattern CMS

Textpattern CMS support forum

#1 2010-01-26 08:29:37

ie6 displays frontpage differently than other pages

#2 2010-01-26 10:09:01

Re: ie6 displays frontpage differently than other pages

#3 2010-01-26 10:12:19

Re: ie6 displays frontpage differently than other pages

#4 2010-01-26 14:39:14

Re: ie6 displays frontpage differently than other pages

#5 2010-01-26 15:07:14

Re: ie6 displays frontpage differently than other pages

#6 2010-01-27 09:24:58

Re: ie6 displays frontpage differently than other pages

#7 2010-02-01 12:40:56

Re: ie6 displays frontpage differently than other pages

#8 2010-02-02 09:15:44

Re: ie6 displays frontpage differently than other pages

Board footer