Layout problems IE6

[Tobes]

Hi Guys,

am i the only one using 3.5 nowadays?

I have just launched my site, I have tested it with all the latest browsers, but one of my users is saying IE6 is giving him a few issues, and a couple I am still seeing.

- IE6: on the main page, all the news is shifted to the bottom with the side bars occasionally overlapping.

- IE6: In the forums, the title bar with the links seems to have adjusted itself into a potrait type interface (see the image)

- IE7: latest forum discussions is overlapping the cell, have a look here on the left column http://www.itstooloud.com/V3/news/index.php?news=61

- All browsers: Latest forum discussions, can I make this work instantaneous, I have it set to 1 in VB admin, cant I get it set to 0 some how?

Thanks for any advise :)

http://www.itstooloud.com/V3/forums/attachment.php?attachmentid=31&d=1201863868

[Micha]

Whoa man your site breaks all over in IE6.

This link is causing you some serious problems TDB - Dec2007 HipHop/Downtempo/AtmosphericJungle Selection.

Especially this part HipHop/Downtempo/AtmosphericJungle
there's no spaces between words, so the line can't brake itself.

IE6: In the forums, the title bar with the links seems to have adjusted itself into a potrait type interface (see the image)

You might be missing JavaScript include needed for IE6.

[apocan]

in the article page the picture http://www.itstooloud.com/V3/news/files.php?file=alien_301956176.jpg is larger and it creates problem.

as far as I remember you should use 490 px :)

nice template

[Tobes]

ah, thanks guys,

yes ive edited the title of that thread and fixed that.

so your saying my pictures are too large, they are 560 pixels, if i need to modify the template, any chance of pointing out which bit.

By the way, is there a way i can install IE6 on my PC, Im currently using IE7.

Thanks for the help, didnt know about this until earlier.

T

[Tobes]

You might be missing JavaScript include needed for IE6.

sorry but you know me, bit of a noob, any ideas of how I can get this include :)

T

[Micha]

Well, in Vivvo, you have this include in header:

<!--[if lte ie 6]>
<link href="http://www.itstooloud.com/V3/news/templates/css/ie6-fixes.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="http://www.itstooloud.com/V3/news/js/ADxMenu.js"></script>
<![endif]-->

[Tobes]

heres what i have in the header:

<!--[if lte ie 6]>
<link href="{ROOT}templates/css/ie6-fixes.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="{ROOT}js/ADxMenu.js"></script>
<![endif]-->

should i be adjusting any templates pixel size due to these jpegs?

thanks for any help.

T

[northlandadv]

Yes, I've had a lot of troubles in IE6 as well, but at this point it's hard to support ANY IE versions let alone an old one. Even IE7 is a real pain. IMO it's almost impossible to support (completely) IE6, IE7, Safari, FF, etc in one site without turning everything off, and simplifying down to nothing.

If you stick to the basic Vivvo without doing anything too strange, you should cover IE7 (the Vivvo team has included alot of extras in the CSS file to manage IE7's non-compliance), Safari, and FF. The differences in the browsers will be minimal, even between Mac and PC. I would not try to satisfy a default install of IE6, though, as you'll create a huge nightmare for yourself (unless you want to create a custom stylesheet as above.)

Personally, I'm not even going to fret about IE6, Netscape, or Lynx :)

[Tobes]

Yes, I've had a lot of troubles in IE6 as well, but at this point it's hard to support ANY IE versions let alone an old one. Even IE7 is a real pain. IMO it's almost impossible to support (completely) IE6, IE7, Safari, FF, etc in one site without turning everything off, and simplifying down to nothing.

If you stick to the basic Vivvo without doing anything too strange, you should cover IE7 (the Vivvo team has included alot of extras in the CSS file to manage IE7's non-compliance), Safari, and FF. The differences in the browsers will be minimal, even between Mac and PC. I would not try to satisfy a default install of IE6, though, as you'll create a huge nightmare for yourself (unless you want to create a custom stylesheet as above.)

Personally, I'm not even going to fret about IE6, Netscape, or Lynx :)

hi northland, that's food for thought, but everytime I think I can forget IE6 users, I get bitten on the backside, go to show a client some work, and doh, hes got IE6 on, no support with .png 24, and so on.

However, If there is a fix for my template, I want to fix it, its very important, my site gets a fairly good amount of hits, and i am sure at least 10% will be using IE6.

Thanks for your info, as i do know what you mean, if only MS could force the update.

Cheers

[northlandadv]

Yep, had clients do the same! The only issue is that IE6 is from 2002, with a few updates since. Your only choice it to literally create a second CSS file for IE6 which removes all of the issues.

So to answer some of your other questions:

1. I'm sure you're not the only one using 3.5, although I use 4.0.3 so my answers may not totally be accurate
2. If you're having overlapping issues in IE7 this isn't uncommon. Vivvo already put a bunch of these updates into the 4.0 CSS. Generally the fix revolves around modifying the CSS file to set the z-index of the item in question to an absurdly high number to ensure it stays on top in IE7. There is usually more work than this but that's the basic idea.
3. If you're going to spend all this time doing work for IE6, don't forget about FF. FF has a larger market share than IE6.
4. The place to correct your image size issue would either be to reduce the image size, or find the CSS element which is specifying it's size in the CSS file. Of course, if you enlarge the element it may impact on the surrounding items and cause more trouble.
5. There used to be no easy way to run IE6 and IE7 on the same computer. Somebody finally got smart and posted standalone versions of IE back to version 3. Just download IE6, unzip, and it runs on it's own without having to go through the install process (thereby circumventing issues with IE7.)

http://browsers.evolt.org/?/ie/32bit/standalone

[northlandadv]

Have you tried the IE6 download? It works great..

[Tobes]

So to answer some of your other questions:

http://browsers.evolt.org/?/ie/32bit/standalone

Damn i wish i knew about those standalone browsers a long time ago, thats brilliant, thanks for that.

I have fully tested the site with Firefox, IE7, and Safari both on mac and PC and its all working fine, its difficult for a web developer to be working around old browsers, bloody nightmare really.

I will see if I can get everything fixed, im sure it can be done, because im not seeing major problem with IE6, going to try 5.5 in a moment :)

Many thanks for your time.

Tobes

[northlandadv]

I wish you luck, my friend, with IE5. You are a glutton for punishment!