Results 1 to 3 of 3

Thread: XHTML issues

  1. #1
    Join Date
    Dec 2007
    Location
    Hawaii
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default XHTML issues

    I have declared XHTML 1.0 Strict as my DOCTYPE in my file, but everytime I try to revalidate the file, it tells my that I have divs where they cannot be, so I dynamically edit the document, resubmit and bam! Same thing. I ahve even tried changint the DOCTYPE statments to other standards, but no give.

    Why on earth is the validator so difficult.

    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" xml:lang="en" lang="en">
    <head>
    <style type="text/css">
    		@import url(style.css);
    		@import url(Contentslider.css);
    		@import url(thickbox.css);
    </style>
    
    <script type="text/javascript" src="thickbox.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="popup.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){ tb_show('', '#TB_inline?height=175&amp;width=400&amp;inlineId=displayWarning', null); });</script>
    
    
    <style type="text/css>
    a:link {color: rgb(0,79,157)}
    a:visited {color: rgb(0,0,0)}
    a:hover {color: rgb(128,0,0)}
    a:active {color: rgb(0,0,0)}
    </style>
    
    <title>US Army Priority Air Transport (USAPAT)</title> 
    </head>
    
    <!-- Page Body -->
    
    <body>
    <!-- Header image and image map placement -->      
        
    <div class="container">
         <div style="header">
           <img id="head" style="border-width:0" src="images/head_slim.png" usemap="logo" alt="USAPAT Logo and Image Map - Click on the respective Detachment to view the web space." />
      
        
           <map name="#logo" id="logo">
           <area shape="circle" coords="397,48,10" href="hawaii.htm" alt="USAPAT-PFD" />
           <area shape="circle" coords="528,25,10" href="maryland.htm" alt="USAPAT-C" />
           <area shape="circle" coords="108,20,10" href="germany.htm" alt="USAPAT-EFD" />
           </map>
              <div id="invertedtabsline" style="position: relative: top:1px; width:650px; line-height:1px"></div>
              <div id="invertedtabs" style="position:relative; top:0px; width:700px; height:30px;" title="Main Navigation">
                <ul>
                  <li style="margin-left: 1px" id="current"><a href="/index2.html" title="Home"><span>Home</span></a></li>
                  <li><a href="http://www.dynamicdrive.com/new.htm" title="Unit Leaders"><span>Leadership</span></a></li>
                  <li><a href="http://www.dynamicdrive.com/revised.htm" title="Unit Organization"><span>Organization</span></a></li>
                  <li><a href="http://tools.dynamicdrive.com" title="Current News"><span>News</span></a></li>	
                  <li><a href="http://www.dynamicdrive.com/forums/" title="Frequently Asked Questions"><span>FAQs</span></a></li>
                  <li><a href="#" title="Photo Gallery"><span>Gallery</span></a></li>
                  <li><a href="#" title="Usefull Links"><span>Links</span></a></li>
                  <li><a href="#" title="Contact Us"><span>Contact Us</span></a></li>	
                </ul>
              </div><!-- End InvertedTabs -->
         </div> <!-- End Header -->
         <div id="displayWarning"> <!-- Thickbox onLoad modal -->
    		<h3>Attention !</h3>
    
    		<p>This site was developed to be compatible with Internet Explorer 5+.  There are known display issues in Firefox, Opera, Konquerer and 
    
    Safari.  If you are using a third-party browser, we strongly urge you to close your browser and re-open this site in Internet Explorer.</p>
                    <p>If you have disabled or uninstalled Internet Explorer, you can download a free copy of IE7<a 
    
    href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" title="Download IE 7 for Windows"> here</a>.  If you are using a non-windows platform and 
    
    are experiencing viewing difficulties, you can view the text-based site<a href="#" title="Text-based Browsing"> here</a>.</p>
                    <p>We are continusously testing and hope to have this problem resolved soon.</p>
    	</div><!-- end displayWarning -->
         <div id="LAYOUT">
              <div class="top"></div>
                   <div class="body">
                     
    
                   <!-- Left-hand column divs -->
                        <div id="LHC">
                        <!-- HOT TOPICS Section -->
                          <h4 class="topics" title="Hot Topics"><span>Hot Topics</span></h4>
                          <div class="section">
                             <h5>UP AND RUNNING</h5>
                                 <p>USAPAT has finally made is presence on the world wide web!  We are pleased to provide you with great content.  We are always  
    
                                   looking to update our site to suit our customers and visitors.  If you have any suggestions or concerns, please feel free to   
    
                                  contact our webmaster.</p>
                          </div> <!-- End section -->
                          <div class="section_bottom"></div>
                   <!-- Generic DIV section -->     
                          <div class="section_top" title="User requested content"></div>    
                               <div class="section" title="User requested content.">
                                    <h5>Requested Content</h5>
                                       <p>This area of our site will display the requested content by our visitors.  Be sure to submit your suggestions via the   
    
                                        Feedback Form found <a href="contact.htm" title=" Leave feedback... "> here </a></p>
                               </div>
                               <div class="section_bottom"></div>
                   <!-- Commanders Corner Div -->    
                          <h4 class="ccorner" title="Commander's Corner"><span>Commander's Corner</span></h4>
                          <div class="section">
                               <div style="position: fixed; top: 5px; left: 22px; width: 104px; height: 105px; float:left; padding:5px; margin: 5px"><img         
    
                        src="images/Remaly S (2).jpg" alt="Commander, USAPAT" title="Commander, USAPAT" />
                               </div>
                                    <p>Welcome to USAPAT.  We are glad to have you join us.  We are a diverse organization with a talent for success.  Out        
    
                                officers and NCOs are the best in the field.  Feel free to take a look around and see what we are all about.  If you feel         
    
                               you have what it takes to be part of our organization, view our recruitment packet<a href="#" title="USAPAT Assessment             
    
                               Application"><em> here </em></a>.<br /><br />As we move into the new FY, USAPAT is striving to make an impact on our               
    
                         environment.  Due to recent concerns for global warming, USAPAT will now go almost entirely paperless to conserve trees in               
    
                         the forests of the world, allowing great oxygen enrichment.  This is a move to give back to the land.  Being a fighting force is not 
    
    easy, but any effort made to conserve our greatest resources is a step in the right direction.<br                                    
    
    />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - Commander, USAPAT</p>
                               </div> 
                               <div class="section_bottom"></div>
                          </div> <!-- End LHC Div -->
                    </div> <!-- End Body Div -->
         <div class="clear"></div>
    
         <!-- Begin Content Div -->
    
        <div id="CONTENT">
            <!-- HOT TOPICS Section -->
            <h4 class="content" title="Current News and Announcements"><span>Current News and Announcements</span></h4>
              <div class="section">
                  <!-- Begin Content Scroller -->
                  <div style="position:fixed; top:15px; right:20px; width: 500px; height:300px;border:0; margin:0; padding: 10px">
     [Truncated to obey 10000 char limit]    
     </div><!-- End Footer Container -->
    
    
    </body>
    </html>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This validates, but may not be what you intended (additions/changes red):

    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" xml:lang="en" lang="en">
    <head>
    <style type="text/css">
    		@import url(style.css);
    		@import url(Contentslider.css);
    		@import url(thickbox.css);
    </style>
    
    <script type="text/javascript" src="thickbox.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="popup.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){ tb_show('', '#TB_inline?height=175&amp;width=400&amp;inlineId=displayWarning', null); });</script>
    
    
    <style type="text/css">
    a:link {color: rgb(0,79,157)}
    a:visited {color: rgb(0,0,0)}
    a:hover {color: rgb(128,0,0)}
    a:active {color: rgb(0,0,0)}
    </style>
    
    <title>US Army Priority Air Transport (USAPAT)</title> 
    </head>
    
    <!-- Page Body -->
    
    <body>
    <!-- Header image and image map placement -->      
        
    <div class="container">
         <div style="header">
           <img id="head" style="border-width:0" src="images/head_slim.png" usemap="#logo" alt="USAPAT Logo and Image Map - Click on the respective Detachment to view the web space." />
      
        
           <map name="logo" id="logo">
           <area shape="circle" coords="397,48,10" href="hawaii.htm" alt="USAPAT-PFD" />
           <area shape="circle" coords="528,25,10" href="maryland.htm" alt="USAPAT-C" />
           <area shape="circle" coords="108,20,10" href="germany.htm" alt="USAPAT-EFD" />
           </map>
              <div id="invertedtabsline" style="position: relative: top:1px; width:650px; line-height:1px"></div>
              <div id="invertedtabs" style="position:relative; top:0px; width:700px; height:30px;" title="Main Navigation">
                <ul>
                  <li style="margin-left: 1px" id="current"><a href="/index2.html" title="Home"><span>Home</span></a></li>
                  <li><a href="http://www.dynamicdrive.com/new.htm" title="Unit Leaders"><span>Leadership</span></a></li>
                  <li><a href="http://www.dynamicdrive.com/revised.htm" title="Unit Organization"><span>Organization</span></a></li>
                  <li><a href="http://tools.dynamicdrive.com" title="Current News"><span>News</span></a></li>	
                  <li><a href="http://www.dynamicdrive.com/forums/" title="Frequently Asked Questions"><span>FAQs</span></a></li>
                  <li><a href="#" title="Photo Gallery"><span>Gallery</span></a></li>
                  <li><a href="#" title="Usefull Links"><span>Links</span></a></li>
                  <li><a href="#" title="Contact Us"><span>Contact Us</span></a></li>	
                </ul>
              </div><!-- End InvertedTabs -->
         </div> <!-- End Header -->
         <div id="displayWarning"> <!-- Thickbox onLoad modal -->
    		<h3>Attention !</h3>
    
    		<p>This site was developed to be compatible with Internet Explorer 5+.  There are known display issues in Firefox, Opera, Konquerer and 
    
    Safari.  If you are using a third-party browser, we strongly urge you to close your browser and re-open this site in Internet Explorer.</p>
                    <p>If you have disabled or uninstalled Internet Explorer, you can download a free copy of IE7<a 
    
    href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" title="Download IE 7 for Windows"> here</a>.  If you are using a non-windows platform and 
    
    are experiencing viewing difficulties, you can view the text-based site<a href="#" title="Text-based Browsing"> here</a>.</p>
                    <p>We are continusously testing and hope to have this problem resolved soon.</p>
    	</div><!-- end displayWarning -->
         <div id="LAYOUT">
              <div class="top"></div>
                   <div class="body">
                     
    
                   <!-- Left-hand column divs -->
                        <div id="LHC">
                        <!-- HOT TOPICS Section -->
                          <h4 class="topics" title="Hot Topics"><span>Hot Topics</span></h4>
                          <div class="section">
                             <h5>UP AND RUNNING</h5>
                                 <p>USAPAT has finally made is presence on the world wide web!  We are pleased to provide you with great content.  We are always  
    
                                   looking to update our site to suit our customers and visitors.  If you have any suggestions or concerns, please feel free to   
    
                                  contact our webmaster.</p>
                          </div> <!-- End section -->
                          <div class="section_bottom"></div>
                   <!-- Generic DIV section -->     
                          <div class="section_top" title="User requested content"></div>    
                               <div class="section" title="User requested content.">
                                    <h5>Requested Content</h5>
                                       <p>This area of our site will display the requested content by our visitors.  Be sure to submit your suggestions via the   
    
                                        Feedback Form found <a href="contact.htm" title=" Leave feedback... "> here </a></p>
                               </div>
                               <div class="section_bottom"></div>
                   <!-- Commanders Corner Div -->    
                          <h4 class="ccorner" title="Commander's Corner"><span>Commander's Corner</span></h4>
                          <div class="section">
                               <div style="position: fixed; top: 5px; left: 22px; width: 104px; height: 105px; float:left; padding:5px; margin: 5px"><img         
    
                        src="images/Remaly S (2).jpg" alt="Commander, USAPAT" title="Commander, USAPAT" />
                               </div>
                                    <p>Welcome to USAPAT.  We are glad to have you join us.  We are a diverse organization with a talent for success.  Out        
    
                                officers and NCOs are the best in the field.  Feel free to take a look around and see what we are all about.  If you feel         
    
                               you have what it takes to be part of our organization, view our recruitment packet<a href="#" title="USAPAT Assessment             
    
                               Application"><em> here </em></a>.<br /><br />As we move into the new FY, USAPAT is striving to make an impact on our               
    
                         environment.  Due to recent concerns for global warming, USAPAT will now go almost entirely paperless to conserve trees in               
    
                         the forests of the world, allowing great oxygen enrichment.  This is a move to give back to the land.  Being a fighting force is not 
    
    easy, but any effort made to conserve our greatest resources is a step in the right direction.<br                                    
    
    />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - Commander, USAPAT</p>
                               </div> 
                               <div class="section_bottom"></div>
                          </div> <!-- End LHC Div -->
                    </div> <!-- End Body Div -->
         <div class="clear"></div>
    
         <!-- Begin Content Div -->
    
        <div id="CONTENT">
            <!-- HOT TOPICS Section -->
            <h4 class="content" title="Current News and Announcements"><span>Current News and Announcements</span></h4>
              <div class="section">
                  <!-- Begin Content Scroller -->
                  <div style="position:fixed; top:15px; right:20px; width: 500px; height:300px;border:0; margin:0; padding: 10px">
     [Truncated to obey 10000 char limit]    
     </div><!-- End Footer Container -->
    
    </div></div></div></div>
    </body>
    </html>
    I didn't bother with the css.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    You probably don't want to be using XHTML at this time since IE users won't be able to view your pages. See http://www.webdevout.net/articles/beware-of-xhtml.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •