Connecting Tech Pros Worldwide Forums | Help | Site Map

Display difference between IE and firefox

Newbie
 
Join Date: Oct 2008
Posts: 1
#1: Oct 10 '08
Hi all, major newbie here.

Hope you can help. My site www.maireadcurran.com on the links page, it displays correctly in IE but shifts maybe 7 pixels to the right in firefox. All the other pages display correctly, but not the links page in firefox.

BTW I dont know how to do frames or cascading style sheets, so if thats part of the solution im in a bit of a pickle.

I didnt want to post reams of code, but I assume view source on the relevant page will do the trick, if not please let me know and I will post the source.

thanks heap in advance, its got me stumped!

cheers,

Mairead

Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#2: Oct 10 '08

re: Display difference between IE and firefox


things I found:
- the difference is caused by the leftmargin on line 32 of 108
- <script> tags belong in <head> / <body> (not between </head> and <body>)
- too many tables, David Laakso will know the right layout for you
- no css at all

today's recommended link: validator.w3.org

regards
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,566
#3: Oct 10 '08

re: Display difference between IE and firefox


Quote:

Originally Posted by maireadcurran

it displays correctly in IE but shifts maybe 7 pixels to the right in firefox. All the other pages display correctly, but not the links page in firefox.

In ALL cases, your reference for how things work should be Firefox. All versions of IE are 10 years behind web standards and incorrect in their implementation.
Quote:
BTW I dont know how to do frames or cascading style sheets, so if thats part of the solution im in a bit of a pickle.
No.
Quote:
I didnt want to post reams of code, but I assume view source on the relevant page will do the trick
Yes.
Expert
 
Join Date: Aug 2008
Posts: 397
#4: Oct 11 '08

re: Display difference between IE and firefox


Correction of the short page shift in compliant browsers is:
Expand|Select|Wrap|Line Numbers
  1. html { min-height: 100%; margin-bottom: 1px; }
  2.  
Reply