|
| |
|
|
craigj1303
Posts: 31
Joined: 5/16/2007
Status: offline
 |
Browser compatibility issues - 2/2/2008 6:27:49
Hi All
I have a couple of quirky little issues with different browsers that I hope you guys can help me with. Please check the below link:
http://www.anyoldirons.me.uk/index.html
Problem 1:
Open the homepage in IE and using the left navbar go to the Tabloids page. Then go to the Chants page. No problem, right?
Try the same thing in Firefox or Safari and you will note that as you flick through the different pages the whole body of the webpage seems to shift a few pixels to the left or right?
Problem 2:
In Safari, some of the headings go missing and it doesn't seem to recognise the spacer DIV that I put at the start of the HTML below the <body>.
Problem 3:
In Opera, the whole site looks completely sqeew-wiff! Almost as if it partially loads.
Thanks in advance
Craig
__________________
http://www.sjohnsonart.co.uk
|
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Browser compatibility issues - 2/2/2008 7:16:29
Ok well the Firefox issue is easy - it's shifting to the left on the longer pages when you get a scrollbar. You don't have a scrollbar unless you need it by default in Firefox as you do in IE.
There are a number of ways to force a scrollbar to be present in Firefox - the one I tend to use is this:
html { min-height: 100%; margin-bottom: 1px; }
You shouldn't be using a div to force a space - it's totally unecessary! If you want a margin at the top of the page just add it to the rule of the first div or containing div if you have one. You don't seem to be using a containing div so add:
#header {margin-top:1em;}
Or whatever distance you want.
Everything looks fine in Opera to me -which version are you testing in?
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Browser compatibility issues - 2/4/2008 5:43:44
Well the spacer div should be removed and the margin added as mentioned.
So the only issue might be the headings but it all looks fine to me. There's only 2 on there "Tabloids" and "Chants" and they both appear fine in Safari for me. Even the dodgy spacer div is showing!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
craigj1303
Posts: 31
Joined: 5/16/2007
Status: offline
|
RE: Browser compatibility issues - 2/4/2008 12:33:13
Hi Tailslide
You will be happy to hear that I have replaced the dodgy spacer DIV with a margin as suggested. It works great thanks! Just need to check it in Safari when I get home from work.
Thanks again.
Craig
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
