CSS issues with layout in IE 5 & 6 stretching page

**Eternal_Howl** · 11-26-2007, 07:36 AM

I'm still fairly green to CSS, but am learning bits here and there and trying to build some kind of foundation so I can get away from using tables again.

I'd just finished a page and it was looking great, until I checked it out on the computer at work that must be using IE5.5 or 6 on XP or something lower than IE7 (which I am using). My friend uses Firefox and says it displays fine in his.

I have what I would consider a simple css layout.

wrapper
menu
content on the right
footer

What is the bug fix to stop IE from making my content area too big that it ends up way down the page (when it's supposed to be top-right (next to the left menu area).

Or do I need to provide my ugly scripting so you can figure out what I'm on about? (it really is ugly because i just validated it and ended up with a stack of extra code). Basically, old versions of IE are displaying the page stretched and yet it works fine in IE 7 and seems fine in all other browsers.

**Eternal_Howl** · 11-26-2007, 09:57 AM

I've been doing heaps of reading on my issue and I came across this. I'm a bit stuffed to be playing with it tonight, but here's the link I found on the Tan Hack (never heard of it before)

I'll have a go with it tomorrow and see if it helps. Until I started trying to learn CSS, I didn't realise what a pig IE was.

**Eternal_Howl** · 11-26-2007, 05:19 PM

I know my combination of css and tables will be frowned upon by the CSS gurus here, but I'm learning and i haven't got the time right now to apply another means - however, I have validated this page (with meta tags etc).

In IE 5.5 & 6 it displays the content way down the page and it should be at the top.

**Eternal_Howl** · 11-27-2007, 07:50 AM

I find hacks and either they don't work, or I'm not implementing them properly. HELP? I swear this is driving me nuts.

**Eternal_Howl** · 11-27-2007, 08:05 AM

See my problem? But it renders correctly in all other browsers except IE6 and IE 5.5

**BLiZZaRD** · 11-27-2007, 02:15 PM

Code:

/* Hide from IE5-Mac \*/
#content
{
	float: none
}
/* End hide */

**hexkrypt0r** · 11-27-2007, 02:29 PM

Originally Posted by Eternal_Howl

See my problem? But it renders correctly in all other browsers except IE6 and IE 5.5

I'd love to help but for now i have no idea of how to fix it.
BTW i am using a script which displays banners in my web site, it works good in IE 6 or lower but does not displya any images when viewed with IE7
Any suggestions?
Hexkrypt0r

**Eternal_Howl** · 11-27-2007, 05:12 PM

Thanks for your response Blizzard, I will try that.

**Eternal_Howl** · 11-27-2007, 05:38 PM

Originally Posted by hexkrypt0r

I'd love to help but for now i have no idea of how to fix it.
BTW i am using a script which displays banners in my web site, it works good in IE 6 or lower but does not displya any images when viewed with IE7
Any suggestions?
Hexkrypt0r

I'm not sure if this sounds like your problem, but if you haven't already read it: http://dynamicdrive.com/forums/showthread.php?t=26858

From what I've been reading about anything lower than IE 7, IE 6 is running in quirks mode and I think IE5.5 is as well. That probably doesn't mean anything to you, but basically, with the hassles I've been having with my layout, I have determined that if it looks fine in IE5.5 or 6 then it probably sucks in IE 7 and vise versa. IE has some issues that have been resolved or fixed that weren't in the older browsers. IE doesn't obey the accepted web standards apparently, which gives people like you and me a headache. The script you are using for your banner, is it a PHP script? I would suggest you post your scripting on to a new thread so it gets full attention and someone can take a look at it.

**Eternal_Howl** · 11-28-2007, 07:06 AM

Originally Posted by BLiZZaRD

Code:

/* Hide from IE5-Mac \*/
#content
{
	float: none
}
/* End hide */

Hi Blizzard,

I have tried using this but it didn't seem to work for me.

Is it wrong to use percentages as opposed to specifying pixels in your divs? I mean I would have thought it would render better for more screen resolutions.

Thread: CSS issues with layout in IE 5 & 6 stretching page

Thread Tools

Search Thread

CSS issues with layout in IE 5 & 6 stretching page

Bookmarks

Bookmarks

Posting Permissions