| Author |
Message |
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
How is it possible that one fairly simple website can look so ridiculously different on 3 different browsers?!?! http://oliverfoggin.dyndns.org/teapartyOn Safari it works. On Firefox the links in the header drop off the bottom of the header. On IE8 it is so f*cked up that I have given up trying to work out what it's attempting to do. I think maybe it's trying to design its own website loosely based around the code I have supplied it. N.B. I didn't actually write it FOR Safari. I just wrote it using standard HTML and CSS. It seems that it's only Safari that actually bothers to use the standards in almost every tutorial.
|
| Mon Feb 21, 2011 9:11 am |
 
|
|
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
OK, I've fixed some of the issues on FF by removing some CSS settings (heights, etc...)
Will work on the rest tonight.
|
| Mon Feb 21, 2011 9:55 am |
|
|
|
Nick
Spends far too much time on here
Joined: Thu Apr 23, 2009 11:36 pm
Posts: 3527
Location: Portsmouth
|
Yeah it sucks, and it gets a lot lot worse when you consider all the different versions of those browsers, which will often all render differently to each other too (particularly in the case of IE).
_________________
|
| Mon Feb 21, 2011 12:53 pm |
|
|
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
I think IE 8 sets the widths of the table columns to be the width of the full size image even though the image is resized to 200ish pixels wide. Not sure how I would get around this?
|
| Mon Feb 21, 2011 1:23 pm |
|
|
|
tombolt
Spends far too much time on here
Joined: Fri Apr 24, 2009 8:38 am
Posts: 2967
Location: Dorchester, Dorset
|
I end up using conditional formatting for ie.
|
| Mon Feb 21, 2011 4:18 pm |
|
|
|
jonlumb
Spends far too much time on here
Joined: Thu Apr 23, 2009 6:44 pm
Posts: 4141
Location: Exeter
|
Something that I find that does help is using a default style sheet which resets (amongst other things) all the differing defaults across the browsers. It doesn't deal with everything of course, but it does help.
_________________
"The woman is a riddle inside a mystery wrapped in an enigma I've had sex with."
|
| Mon Feb 21, 2011 4:52 pm |
|
|
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
OK, it now looks the same on Safari, FireFox and Chrome.
I imagine that on IE it will be correct apart from the fact that the text and the tables will be left aligned instead of centre aligned.
I think I've sorted the issue with the widths of the tables in IE.
I've also put an "overflow: hidden;" on the div containing the image so I can now let the browser do the resizing and just crop the right edge if needed.
|
| Mon Feb 21, 2011 6:07 pm |
|
|
|
rustybucket
I haven't seen my friends in so long
Joined: Thu Jun 18, 2009 5:10 pm
Posts: 5836
|
Looks good on Konqueror as well  _________________Jim
|
| Mon Feb 21, 2011 8:21 pm |
|
|
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
Ah, so it was you  I have the log open and saw a load of activity on there.
|
| Mon Feb 21, 2011 8:24 pm |
|
|
|
rustybucket
I haven't seen my friends in so long
Joined: Thu Jun 18, 2009 5:10 pm
Posts: 5836
|
Just testing, Cap'n  _________________Jim
|
| Mon Feb 21, 2011 8:32 pm |
|
|
|
rustybucket
I haven't seen my friends in so long
Joined: Thu Jun 18, 2009 5:10 pm
Posts: 5836
|
It looks good on Arora, Chromium, Epiphany, Firefox, Konqueror, Midori, Opera and Rekonq It doesn't look great on Lynx though  _________________Jim
|
| Mon Feb 21, 2011 8:54 pm |
|
|
|
Fogmeister
I haven't seen my friends in so long
Joined: Thu Apr 23, 2009 7:35 pm
Posts: 6580
Location: Getting there
|
|
| Mon Feb 21, 2011 9:27 pm |
|
|
