IE6

**elv8** · 05-07-2008, 06:03 AM

Hi,

I have been working on a website that is almost finished, but each time I finish it up and looks like its done it actually isn't when I open it in IE6 everything including menu and text and some images seems to change their position when opening it in IE6.

Would anyone know any website and hacks or codes or anything that would fix it forever and in the future pages. What is it all about, please!!!

Thank you!!!

**A Monkey Typing** · 05-07-2008, 10:21 AM

Quote:

Originally Posted by elv8

Would anyone know any website and hacks or codes or anything that would fix it forever and in the future pages

Boy wouldn't this make all of our lives easy? I don't think such a thing exists.

you could try this: http://code.google.com/p/ie7-js/ though I haven't had a chance to play with it yet.

**elv8** · 05-07-2008, 10:43 AM

Quote:

Originally Posted by A Monkey Typing

Boy wouldn't this make all of our lives easy? I don't think such a thing exists.

you could try this: http://code.google.com/p/ie7-js/ though I haven't had a chance to play with it yet.

Thanks for that, I will give it a test and see how it functions with my site once its up online. Ive read about it on the google page and sounds very interesting.

**LadynRed** · 03:39 PM

Quote:

Boy wouldn't this make all of our lives easy? I don't think such a thing exists.

Wanna make a bet ??? You'd lose !
Here's MY go to source for IE bug whacking: www.positioniseverything.net

It would be helpful if you post a link to the site having the problems.

**seocd** · 05-07-2008, 07:00 PM

you can create a CSS specifically for IE6 so if the browser is IE6 it will always and only call the ie6 css file. Just edit your regular css for firefox and ie7 and make a different CSS for ie6 that way all of your pages in the future can be compatible in all browsers. You would obviously have to play around in IE6 to create your CSS but then use


to call that specific CSS when in ie6

**LadynRed** · 05-08-2008, 03:29 PM

It's called a CONDITIONAL COMMENT

**pab** · 05-08-2008, 09:48 PM

conditional comments are the way to go for this, you can put both comments for ie7 and ie6 in the same css file too.

**LadynRed** · 05-09-2008, 01:16 PM

Quote:

you can put both comments for ie7 and ie6 in the same css file too

.
Conditional Comments do NOT go in the CSS file, they go in the HTML in the <HEAD> section.

**wayfarer07** · 06:11 PM

I probably shouldn't be telling you this, but it is perfectly possible to write code into your stylesheets that targets only IE6 or IE7 specifically.

The way I do it is precede a statement with an underscore like this: _margin: 2px; <= this targets only IE6 and below. Or with an asterisk like this: *margin: 5px; <= this targets only IE7 and below.

The first method is 100% safe, because the bug that allows IE6 to be targeted in this manner was fixed in IE7. Using one bug to fix another is somewhat questionable, and I would offer that the second method is more debatable as we don't know the full scope and nature of IE8 as of yet. However, I use both techniques, to save the time of keeping separate stylesheets. Some people disagree with my approach, but it's what I do.

**LadynRed** · 05-09-2008, 07:05 PM

You're not telling me anything I don't know. I REFUSE to put hacks like that into my CSS, you never know when it's going to blow up in your face as things change with the browsers. Better to be safe. My IE only stylesheets contain very minimal code, so it's not like I'm maintaining multiple copies of my full stylesheet.

That's the way I do it.. keep it clean and separate.

**wayfarer07** · 05-10-2008, 09:26 PM

Actually, I wasn't telling you, Lady, I assume you know my silly methods. I was addressing this to the person who started the thread. I should have been more clear in this.

It is worth noting that many professionals, including the folks at Yahoo in some of their CSS, use the same technique that I do.

**LadynRed** · 05-11-2008, 12:45 PM

Sorry Abel.. my bad. I'm sure there are plenty of people using those hacks.. not the wisest of moves, but that's my opinion. If there comes a time when those hacks cause a blowup, at least I won't have to comb thru my code to remove them, I simply remove my extra ie-only CSS file

.

**nyef** · 05-11-2008, 01:14 PM

Usually the problem with css displaying different in IE6 vs firefox comes from the margin: and padding: settings. One of them affects IE in a different way than other browsers. I've had success reconciling the difference without using IE-only code by converting paddings to margins or vice versa.

**LadynRed** · 05-12-2008, 04:24 PM

No, the problem with IE6 is the hasLayout nonsense:
http://www.satzansatz.de/cssd/onhavinglayout.html

**Dan Schulz** · 05-14-2008, 06:46 AM

I'm surprised nobody's asked to see the site in question, yet. elv8, what does your code look like?