Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Spacing Issue on just one page

    I have a website with a slight problem. There is one page that when viewing on Internet Explorer, you can see the background spaced between the navigation bar (it's not tight and crisp like I view it on all other browsers and on a Mac). The site can be viewed on http://www.jimcantrell.com/Stratspace and the page is "Services". It has a secondary nav bar, but it is only on the "Services" page that the problem seems to occur. Is there an error in the HTML that I just can't see?

  • #2
    Regular Coder
    Join Date
    Oct 2006
    Posts
    164
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Nice use of tables there buddy.

    Sorry but i cant help you as I hate working with sites that are coded with tables.
    Not much, but its something.

  • #3
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you mostly use divs?

  • #4
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Yes, most professionals use css (including divs) for positioning. I pretty printed (formatted) your code and it looks like this:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- InstanceBegin template="/Templates/Services.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Services</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body {
    	background-image: url(Images/StratspaceBackground.jpg);
    }
    -->
    </style>
    <link href="main.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="800"><a href="index.html">
          <img src="Images/Services_Header.gif" alt="Header" width="800"  /></a></td>
      </tr>
      <tr>
        <td>
          <a href="AboutUs.html"><img src="Images/Services_AUs.jpg" alt="Services_AU" width="148"  /></a>
          <a href="Services.html"><img src="Images/Services_Services.jpg" alt="Services" width="160"  /></a>
          <a href="Clients.html"><img src="Images/Services_Clients.jpg" alt="Clients" width="154"  /></a>
          <a href="Press.html"><img src="Images/Services_Press.jpg" alt="Press" width="130"  /></a>
          <a href="Publications.html"><img src="Images/Services_Public_Publications.jpg" alt="Publications" width="208"  /></a></td>
      </tr>
      <tr>
        <td>
          <a href="Consulting.html"><img src="Images/Services_Consulting.jpg" width="167"  /></a>
          <a href="Courses.html"><img src="Images/Services_Courses.jpg" alt="Courses" width="219"  /></a>
          <a href="PublicSpeaking.html"><img src="Images/Services_PS.jpg" alt="PS" width="206"  /></a>
          <img src="Images/Services_BrownBar.jpg" alt="Brownbar" width="208"  /> </td>
      </tr>
      <tr>
        <td>
          <!-- InstanceBeginEditable name="EditRegion5" -->
          <table width="801" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">
            <tr>
              <td>
                <div align="center" class="headings">
                  <p>Services<br /> ...</p>
                  <p align="left" class="bodytext">
                  	Our services add directly to your bottom-line with result driven activities that will: <br />
                  </p>
                  <ul>
                    <li class="bodytext">
                      <div align="left">Leverage your in-house efforts and increase their effectiveness</div>
                    </li>
                    <li class="bodytext">
                      <div align="left">Dramatically increase your opportunity pool</div>
                    </li>
                    <li class="bodytext">
                      <div align="left">Generate new business leads that result in increased revenue</div>
                    </li>
                    <li class="bodytext">
                      <div align="left">Give you the competitive intelligence to know where the money is, who is competing for it, 
                      what the customers needs are, and if you should spend precious resources on the opportunity</div>
                    </li>
                  </ul>
                  <p align="left">
                    <span class="bodytext">Ideal for small and medium businesses, our services provide the leverage you need to 
                    obtain the results of a large aerospace company business development group without the overhead.</span><br />
                  </p>
                </div>
              </td>
            </tr>
          </table>
        <!-- InstanceEndEditable --></td>
      </tr>
      <tr>
        <td>
          <a href="ContactUs.html"><img src="Images/StratSpace_Bluebar.jpg" alt="Bluebar" width="508" height="27" /><img src="Images/StratSpace_ContactUs.jpg" alt="Contact Us" width="85" height="27" /></a>
          <a href="Terms.html"><img src="Images/StratSpace_Terms.jpg" alt="Terms and Conditions" width="133" height="27" /></a>
          <a href="Sitemap.html"><img src="Images/Web_StratSpace_18.jpg" alt="Sitemap" width="74" height="27" /></a></td>
      </tr>
    </table>
    </body>
    <!-- InstanceEnd -->
    </html>
    What I don't see is all the table codes required for accessibility.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #5
    Regular Coder Pepe, the bull's Avatar
    Join Date
    Feb 2005
    Location
    Vancouver, WA
    Posts
    163
    Thanks
    1
    Thanked 16 Times in 16 Posts
    I'll agree that tables are bad (for most situations), and the link you put says there is no page there. But eventually I found the page, and . . . I don't see the problem. Is this with IE 6, 7, 8? I'm using IE 7.
    Pepe, the bull

  • #6
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I figured it out. Thanks, All!

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by smukker23 View Post
    Do you mostly use divs?
    Yes, for making the layout(to represent some blocks/divisions) since we know tables are stupid for layout. We use tables for showing tabular data. So the basic idea is to keep our markup semantic.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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