[solved] IE6 markup troubles... again and again

4,205 Posts

dev_cw Reply #1, 16 years, 3 months ago

I have an issue with a template breaking in IE6 and I have no idea what is causing it. The left sidebar moves to under the content section. I am sure the solution is staring me in the face. If anyone has the time to try to isolate the error I could use the help.

http://199.239.229.165/etsg_tpl.html

Thanks!

[font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones? - [bob dylan]

2,310 Posts

bunk58 Reply #2, 16 years, 3 months ago

Hey Shane, always an issue debugging IE6.
You don’t seem to have any IE6 hacks or an IE6 stylesheet.
Maybe try explicitly setting the #content margin:0
I usually have an IE6 stylesheet to play around with widths, padding & margins to see where the problem is.

4,205 Posts

dev_cw Reply #3, 16 years, 3 months ago

Thanks bunk58,

The markup used to work in IE6, but during the development process something was added or changed and the IE6 bug showed up.
I have tried a number of hacks but no luck.

I’ll keep at it and hope I find the culprit.

Thanks.

[font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones? - [bob dylan]

☆ A M B ☆
3,141 Posts

Mark Hamstra Reply #4, 16 years, 3 months ago

I always start my stylesheets with a sort of CSS Reset. Although not as drastic as css-trick’s one, but by using it you remove most of the browser-default settings. By using that, you’re sure that you’re not getting weird bugs cause of paddings, margins or things like that.

Btw, the W3C CSS validator found one error, line 199-ish:

.info-box h2{
	margin:0
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#060;
    background-color: #dfe3e6; 
    padding: 8px
}
The margin:0 needs a closing ';'. And as best practice I'd advise to also do the same for padding: 8px, however I don't think it's necessary for the last entry.

Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.

4,205 Posts

dev_cw Reply #5, 16 years, 3 months ago

I normally use a CSS reset also, but in this case the original markup was provided by the client and at the time it worked on IE6 so it must be something I added that caused the bug.

I added overflow:hidden to the #content section and it fixed the problem. Not a pretty solution but good enough for now.

Thanks.

[font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones? - [bob dylan]

1,098 Posts

microcipcip Reply #6, 16 years, 3 months ago

Open my website with IE 6.0 www.jertix.org/en, this is the best solution tongue

Jertix.org -> Web Design & Development, Motion Graphics | Follow me on Twitter | MODx Tutorials (in Italiano) | MODx Snippets (English)