PDA

View Full Version : * resolved * IE6 nightmare...



boogily
Jan 19th, 2010, 12:09 AM
Hello. I am designing a website and it works in everything BUT IE6. I don't know where to begin fixing the problem. It seems fine everywhere else...

www.designbyryanboog.com/medspa

Any help would be appreciated. thanks

abduraooft
Jan 19th, 2010, 08:43 AM
Start with fixing the errors in your markup, see http://validator.w3.org/check?uri=http://www.designbyryanboog.com/medspa

boogily
Jan 19th, 2010, 03:59 PM
The errors were fixed. Still the issue with IE6. Ugh... Is it the Absolute positioning? the png's look terrible as well.
IE7 has some errors as well, mostly the margin-top not showing at the top, its all pushed up.

I'm going to make ANOTHER div to replace the margin top for now... wish me luck

abduraooft
Jan 19th, 2010, 04:05 PM
Is it the Absolute positioning? Um.. how about making a 2 column layout by modifying the one at http://bonrouge.com/2c-hf-fixed.php ?

boogily
Jan 19th, 2010, 04:19 PM
Would I have to redo all pngs, or save them as .gif files and pray the look decent? Too bad I have to recode my whole page just because IE6.

In the future, I will do that 2 column layout to make things easier. I kind of wanted the feel of that whole menu with the bent corners to be "laid on top" of the rest of the site like a Post-It note, hence my original use of absolute positioning. Thanks for your help

abduraooft
Jan 19th, 2010, 04:50 PM
Would I have to redo all pngs, or save them as .gif files and pray the look decent? Too bad I have to recode my whole page just because IE6. You could either save them with an 8 bit transparency (http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/) Or use the alpha transparency filter (http://www.google.com/search?q=IE6%2Balpha+transparency%2Bfilter).

boogily
Jan 19th, 2010, 05:42 PM
Figured out an easy fix... put display:inline; on the images in the grid. I cleared a couple of unnecessary floats and its now laid out correctly! (except in IE6 of course, dang footer wont show and the overflow is showing even though I have set the overflow correctly)

I appreciate all of your help. If you want to look at why the footer and overflow wont work in IE6, don't worry about it too much. I'll try to investigate. Thanks for all your help [email protected]!:thumbsup:

boogily
Jan 19th, 2010, 06:33 PM
If anyone is reading and wants to be able to include 24bitPNGs on their website, put this code in your .css file

The smiley is : D without the space between. Sorry

* html img {
behavior: expres\sion(
(this.runtimeStyle.behavior="none") && (this.src.toLowerCase().indexOf('.png')>-1) && (
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
this.runtimeStyle.paddingTop = this.height,
this.runtimeStyle.height = 0
)
);
overflow:hidden;
}

Doctor_Varney
Jan 19th, 2010, 09:06 PM
I'm glad this is resolved. I snuck in, earlier, as I wanted to help but because I'm not experienced enough, couldn't find an answer. Such a lovely design, blown all over the place in IE6 (again!).

Dr. V