SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Am I Blind??? Formatting problem

    I have this page on my site:
    http://treasuredcreatures.com/about.html

    There is a big space between the top main elements and the bottom nav and I cannot figure out why it won't show in IE properly. Firefox is fine and there is no white space. Can anyone lend a hand?

    Thanks!

  2. #2
    SitePoint Addict
    Join Date
    Nov 2005
    Posts
    260
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Not sure if this is your problem but I have noticed a td tag without the opening bracket here:

    HTML Code:
    <p>Owner/operator, David Carr, is the newest &quot;Pet Manny&quot; to join our family.&nbsp; He has many years of business and animal care experience and is currently continuing his education through courses from Pet Sitters International and the American Red Cross. </p>
                            /td>
    See if that makes any difference.

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks but that wasn't it. I was just tinkering in there and hit ctrl z and killed that bracket. It even showed without errors in Dreamweaver.

  4. #4
    Django Jedi neron-fx's Avatar
    Join Date
    Sep 2007
    Location
    Bristol/Bath, UK
    Posts
    274
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dreamweaver's preview pane is the most useless tool in history. Its as much use as a waterproof tea bag! It doesnt accuarately portray how a page will look in all browsers and should be used as a very rough guide at best. You cant beat good old fasioned hardcore browser testing

    With regards to your problem try changing this:

    Code:
    <tr>
              <td width="806" height="127">
              	<table width="806" height="127" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="130" height="127"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_1','','assets/nav_1_over.jpg',1)"><img src="assets/nav_1.jpg" alt="Home" name="nav_1" width="130" height="127" border="0" id="nav_1" /></a></td>
                    <td width="176" height="127"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_2','','assets/nav_2_over.jpg',1)"><img src="assets/nav_2.jpg" alt="Services &amp; Rates" name="nav_2" width="176" height="127" border="0" id="nav_2" /></a></td>
                    <td width="147" height="127"><a href="faq.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_3','','assets/nav_3_over.jpg',1)"><img src="assets/nav_3.jpg" alt="FAQ" name="nav_3" width="147" height="127" border="0" id="nav_3" /></a></td>
                    <td width="144" height="127"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_4','','assets/nav_4_over.jpg',1)"><img src="assets/nav_4.jpg" alt="About" name="nav_4" width="144" height="127" border="0" id="nav_4" /></a></td>
                    <td width="209" height="127"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_5','','assets/nav_5_over.jpg',1)"><img src="assets/nav_5.jpg" alt="Contact" name="nav_5" width="209" height="127" border="0" id="nav_5" /></a></td>
                  </tr>
                </table>
               </td>
            </tr>
    to this
    Code:
    <tr>
              <td width="806" height="127" valign="top" align="left">
              	<table width="806" height="127" border="0" cellpadding="0" cellspacing="0" align="left">
                  <tr>
                    <td width="130" height="127"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_1','','assets/nav_1_over.jpg',1)"><img src="assets/nav_1.jpg" alt="Home" name="nav_1" width="130" height="127" border="0" id="nav_1" /></a></td>
                    <td width="176" height="127"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_2','','assets/nav_2_over.jpg',1)"><img src="assets/nav_2.jpg" alt="Services &amp; Rates" name="nav_2" width="176" height="127" border="0" id="nav_2" /></a></td>
                    <td width="147" height="127"><a href="faq.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_3','','assets/nav_3_over.jpg',1)"><img src="assets/nav_3.jpg" alt="FAQ" name="nav_3" width="147" height="127" border="0" id="nav_3" /></a></td>
                    <td width="144" height="127"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_4','','assets/nav_4_over.jpg',1)"><img src="assets/nav_4.jpg" alt="About" name="nav_4" width="144" height="127" border="0" id="nav_4" /></a></td>
                    <td width="209" height="127"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_5','','assets/nav_5_over.jpg',1)"><img src="assets/nav_5.jpg" alt="Contact" name="nav_5" width="209" height="127" border="0" id="nav_5" /></a></td>
                  </tr>
                </table>
               </td>
            </tr>
    Crappy IE has some issues with nested tables. I did a quick test with the code above and although I couldnt see images or styling becuase I was testing locally it looked like the above code fixed it

    By the way, try to avoid using tables to layout web pages, maybe look into CSS. It will save you a lot of headaches in the future and is standards compliant. I also noticed some of the syntax you are using is deprecated now and you should try and move forwards in terms of how you create your web pages. Tables should be used for tabular data only, unless you are building HTML emails in which case tables are the only way to go.

    Hope this helps
    Cheers

  5. #5
    From space with love silver trophy
    SpacePhoenix's Avatar
    Join Date
    May 2007
    Location
    Poole, UK
    Posts
    4,994
    Mentioned
    100 Post(s)
    Tagged
    0 Thread(s)
    Just viewed with FireFox, the FireFox error console lists a number of errors which are all "unknown property" errors apart from one which "error in parsing value for property 'padding' " (in your css file), looking at your css file you have forgotten to specify the units for the padding in the "expandable about" section.

  6. #6
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks! I was able to get it fixed.

  7. #7
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by neron-fx View Post
    Dreamweaver's preview pane is the most useless tool in history. Its as much use as a waterproof tea bag! It doesnt accuarately portray how a page will look in all browsers and should be used as a very rough guide at best. You cant beat good old fasioned hardcore browser testing
    I'd definitely agree to that.

    When I first started using it, the cells would look completely messed up in the preview pane, and I would be pulling my hair out trying to figure it out..... when they were fine all along.


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
  •