HTML/XML/CSS display problems on Apache shared host

Collapse
X
Collapse
 
  • Page of 2
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
  • David Laakso
    Recognized Expert Contributor
    • Aug 2008
    • 397
    #16
    Who cares what any basic or advanced editing tool says about Web Standards? The w3c Markup Validation Service correctly declares you have 12 errors . Sites that meet Web Standards, among other things, have valid CSS and valid markup (unless an experienced designer is knowingly feeding compliant browsers, or a particular compliant browser, an advanced selector for "progressiv e enhancement" need that may not be currently in the validation system because it is only supported by two browsers. Such is not your case. Therefore your "tool" is wrong.

    You have your file saved as whateveryoururi is.html. Make a copy of it and save it as whateveryoururi is.xhtml and load it on your server. Open it in a compliant browser and it will throw the twelve errors. Then view the .xhtml page in any version of Internet Explorer. No version of Internet Explorer will even be able open your page. No version of Internet Explorer understands xhtml. Feed IE a strict 1.0 doctype like this (see below) -- I included the xml declaration. The xml declaration puts IE/6 in quirksmode. Your page is broken in IE/6. If you don't care-- delete the xml prologue. If you want to fix the page for IE/6, leave the xml declaration. Pages that meet Web Standards work in "live" browsers-- IE/6 is still very much alive. Therefore your tool is wrong. Your page does not meet Web Standards.
    Code:
    <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<title>your document title</title>
    Now that I've ruined your day, if not your entire life, I think give all this up and become a plumber...

      Comment

      • coachjerry
        New Member
        • Oct 2008
        • 9
        #17
        Originally posted by David Laakso
        Who cares what any basic or advanced editing tool says about Web Standards? The w3c Markup Validation Service correctly declares you have 12 errors . Sites that meet Web Standards, among other things, have valid CSS and valid markup (unless an experienced designer is knowingly feeding compliant browsers, or a particular compliant browser, an advanced selector for "progressiv e enhancement" need that may not be currently in the validation system because it is only supported by two browsers. Such is not your case. Therefore your "tool" is wrong.

        You have your file saved as whateveryoururi is.html. Make a copy of it and save it as whateveryoururi is.xhtml and load it on your server. Open it in a compliant browser and it will throw the twelve errors. Then view the .xhtml page in any version of Internet Explorer. No version of Internet Explorer will even be able open your page. No version of Internet Explorer understands xhtml. Feed IE a strict 1.0 doctype like this (see below) -- I included the xml declaration. The xml declaration puts IE/6 in quirksmode. Your page is broken in IE/6. If you don't care-- delete the xml prologue. If you want to fix the page for IE/6, leave the xml declaration. Pages that meet Web Standards work in "live" browsers-- IE/6 is still very much alive. Therefore your tool is wrong. Your page does not meet Web Standards.
        Code:
        <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<title>your document title</title>
        Now that I've ruined your day, if not your entire life, I think give all this up and become a plumber...
        Color me undaunted ;-)
        I'll have to get a copy of IE6 and see how bad it looks. Meanwhile, the 12 errors are all attributed to the signup form which registers people in my auto-responder. The auto-responder, Infinite Responder, is pretty neat, is open source (free), but unsupported. So I'll see if I can fix the errors without damaging the form's function.

        If you'd be so kind as to indicate exactly what lines I should delete if I wish to delete the xml prologue and what I should replace them with, if anything.

        Thanks for your help ... and patience.

          Comment

          • David Laakso
            Recognized Expert Contributor
            • Aug 2008
            • 397
            #18
            Assuming you are about to do the right thing and support the still very much alive IE/6:

            Use the above doctype with the xml (its a declaration, not a prologue, even though it precedes the doctype) to put IE/6 in quirksmode (no effect on IE/7), and make these changes to the CSS to bring IE/6 on board:

            Code:
            html {font-size: 100%;}<------ :: squelch IE (all versions) font-scaling bug (makes fonts go goofy at any of the 5 font-size settings)
body {text-align: center;}<---:: centers page rail to rail in IE/6
#menu ul {margin: 0; padding: 0;}<--------- :: new selector :: draw mwnu left by killing IE/6 defaults
* html #links, 
* html #footer {width: 766px;} <-------- :: paints background in IE/6 (only IE/6 sees the star hack ::
            If your PC OS is XP this in a fast (free) simple install of IE/6 standalone .

              Comment

              • coachjerry
                New Member
                • Oct 2008
                • 9
                #19
                Originally posted by David Laakso
                Assuming you are about to do the right thing and support the still very much alive IE/6:

                Use the above doctype with the xml (its a declaration, not a prologue, even though it precedes the doctype) to put IE/6 in quirksmode (no effect on IE/7), and make these changes to the CSS to bring IE/6 on board:

                Code:
                html {font-size: 100%;}<------ :: squelch IE (all versions) font-scaling bug (makes fonts go goofy at any of the 5 font-size settings)
body {text-align: center;}<---:: centers page rail to rail in IE/6
#menu ul {margin: 0; padding: 0;}<--------- :: new selector :: draw mwnu left by killing IE/6 defaults
* html #links, 
* html #footer {width: 766px;} <-------- :: paints background in IE/6 (only IE/6 sees the star hack ::
                If your PC OS is XP this in a fast (free) simple install of IE/6 standalone .
                Thanks, I'll try this and let you know how it turns out.

                  Comment

                  Previous 1 2 template Next
                  Working...