SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
-
Jul 8, 2006, 08:20 #1
- Join Date
- Jul 2004
- Location
- Spain
- Posts
- 12
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Different display in IE and Firefox!
I'm sure this is so simple I'm going to kick myself, but ...
At the bottom of a page I have put sliding page numbers (using a PEAR routine) and a link back to the home page.
In Firefox, this looks perfect; in IE both of these elements are cramped up just off the upper right of the window and accessible only by scrolling!
If you want to see what I mean, check out http://www.c-and-c-properties.co.uk/...op2.php?page=1
Please don't cane me for the bland design - it's under development!!
-
Jul 8, 2006, 09:56 #2
Your doctype is incorrect and puts IE into quirks mode. It should be:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
and case matters. Always use strict for new code. If, for some reason you must use transitional/sloppy, this is it:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Then
Validate your code and fix any remaining errors.
-
Jul 9, 2006, 09:45 #3
- Join Date
- Jul 2004
- Location
- Spain
- Posts
- 12
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks for that. I have fixed the problem, but I'm still not exactly sure why! I do remember reading about quirks mode butwasn't sure of all of its effects.
I have tried to follow your advice about validating the files, and have got a lot closer. But the validation routine keeps highlighting things which don't seem to be wrong! For example, it pulled up a couple of </p>'s, highlighting the final >. If I remove these elements, that problem disappears from the list - but it means I have unterminated <p>'s in my code!
Similarly it refuses point blank to validate
HTML Code:<style type="text/css"> .header { background-color: #008000; color: #C0C0C0; padding-top: 20px; font-family: "Eurostar Black Extended", "Arial Black", Sans-serif; font-size: x-large; font-weight: 700; font-style: italic; height: 80px; text-align: center; }
Code:Errors URI : http://www.c-and-c-properties.co.uk/CCProperties.css * Line: 14 Parse error - Unrecognized : <style type="text/css"> .header { background-color: #008000; color: #C0C0C0; padding-top: 20px; font-family: "Eurostar Black Extended", "Arial Black", Sans-serif; font-size: x-large; font-weight: 700; font-style: italic; height: 80px; text-align: center; }
EDITED: I knew I'd find it as soon as I posted the message! OK, I shouldn't have had the <style> tag in there. New to this stuff. Sorry!Last edited by PhilTilson; Jul 9, 2006 at 09:51. Reason: Found it!
-
Jul 9, 2006, 18:39 #4
- Join Date
- Oct 2004
- Location
- NSW Australia
- Posts
- 3,564
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
EDITED: I knew I'd find it as soon as I posted the message! OK, I shouldn't have had the <style> tag in there. New to this stuff. Sorry!
NadiaUnique CSS Templates by Nadia
Dreamweaver: Tutorials.Templates.CSS Designs
SitePoint Books |My Fireworks Tutorials 1 2
Follow me on Twitter | Community Team Advisor
Bookmarks