03-02-2005, 03:22 PM
I've been going through an old website and trying to convert it to be a bit more cross-browser friendly. Everything looked fine on my local machine in both IE and FF so I uploaded to our dev site and it looks terrible.
I can't see what's causing the problem so wondered if anyone else had any ideas? The code for the page and css are too long to post here but here's a link to the page:
Any help would be very much appreciated.
03-02-2005, 03:30 PM
I'm at work right now and have access to IE 5.50 and it appears to look ok to me. What exactly is making it look terrible? Is this in IE and FF or just one on them after being uploaded?
03-02-2005, 03:34 PM
Hi. The site looks great, really. I'm at 1024x768. The only real difference through the whole site between IE and FF is that the light purple bar that says "back > home" extends all the way across the middle column in IE, and is only as long as the text in FF. I don't think anyone would notice it one way or the other, so I think you're fine.
EDIT: Liquid Penguin beat me to it :mad:
03-02-2005, 03:42 PM
Just checked it. Looks OK in IE6 Sp1 but looks terrible in FF. Funny, looks terrible when loading from the url but when the page is saved on my PC and loaded from there, it looks ok in FF
whizard, you posted while i was typing!
03-02-2005, 03:43 PM
^^ Just a lucky chance :D
I was viewing at 1152 X 864.
03-02-2005, 03:46 PM
Yeah, seems fine in IE. But, when viewed in Firefox, I just get the lhs div extending the whole width of the screen. I just can't find where it's doing this or what's causing it as it all looks fine when I test locally. :confused:
03-02-2005, 03:48 PM
It looks ok on IE6.0/Win2000 in a full size window at 1024x768, but in anything smaller the three column section goes pear-shaped: when mousing in and out of the links in the rightmost column, the width of the left column and thereby the position of the center one pop back and forth.
03-03-2005, 09:20 AM
Thanks for feedback. Think I've tracked the problem down to a couple of nested tables set to 100% width. Seems to make it stretch to 100% of screen, not containing element.
Now to see what new problems arise... :eek: