Gap

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
patch2112
Forum Commoner
Posts: 86
Joined: Sun Oct 31, 2004 9:44 am
Location: London

Gap

Post by patch2112 »

Hello all,

I put in a CSS/JS drop down menu with a php include, and it worked fine. I was going threw and making some various layout changes (mostly css colors/fonts) and I started getting a small gap in IE.

It goes away when I remove the include, but is still there if I paste the contents of the included file. Tried lots of things, but still very new at CSS.

http://aviaryproperties.com/new/

CSS / JS is accessible, let me know if I should post the URL's though.

Any help is greatly appreciated!
Philip
User avatar
Burrito
Spockulator
Posts: 4715
Joined: Wed Feb 04, 2004 8:15 pm
Location: Eden, Utah

Post by Burrito »

It's a bug in the way IE renders tables. The only way I've found to fix it is to just push everything up to one single line. Makes it horrible for reading the code, but it does work.

I took the liberty of swiping your code and testing it on my machine and it works fine (w/o the gap).

**note I had to replace the relative paths with full paths:

Code: Select all

<!DOCTYPE HTML PUBLIC &quote;-//W3C//DTD HTML 4.01 Transitional//EN&quote;>
<html>
<head>
<title>Aviary Properties: Property Developers and Land Buyers</title>
<meta http-equiv=&quote;Content-Type&quote; content=&quote;text/html; charset=iso-8859-1&quote;>
<link href=&quote;http://aviaryproperties.com/style.css&quote; rel=&quote;stylesheet&quote; type=&quote;text/css&quote;>
<link rel=&quote;stylesheet&quote; type=&quote;text/css&quote; href=&quote;http://aviaryproperties.com/new/anylink.css&quote;>
<script type=&quote;text/javascript&quote; src=&quote;http://aviaryproperties.com/new/anylink.js&quote;></script>
</head>

<body bgcolor=&quote;#666699&quote;>
<div align=&quote;center&quote;>
  <table width=&quote;779&quote; border=&quote;0&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote; bgcolor=&quote;#666699&quote;><tr><td height=&quote;52&quote; colspan=&quote;2&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/header_left.jpg&quote; width=&quote;238&quote; height=&quote;52&quote;></td><td width=&quote;542&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/header_right.jpg&quote; alt=&quote;Property Developer and Land Buyer&quote; width=&quote;541&quote; height=&quote;52&quote;></td></tr><tr><td width=&quote;226&quote; rowspan=&quote;2&quote; align=&quote;left&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/00000001_r2_c1.jpg&quote; width=&quote;226&quote; height=&quote;58&quote;></td><td height=&quote;34&quote; colspan=&quote;2&quote; valign=&quote;top&quote;><table width=&quote;100%&quote; border=&quote;0&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote;><tr><td width=&quote;98&quote; height=&quote;34&quote; align=&quote;center&quote; valign=&quote;top&quote; class=&quote;tabRepeating&quote;><a href=&quote;index.php&quote;>Home</a></td><td width=&quote;10&quote; valign=&quote;top&quote; class=&quote;tabSpace&quote;>&nbsp;</td><td width=&quote;98&quote; align=&quote;center&quote; valign=&quote;top&quote; class=&quote;tabRepeating&quote;><a href=&quote;what.php&quote; onClick=&quote;return clickreturnvalue()&quote; onMouseover=&quote;dropdownmenu(this, event, 'what')&quote;>What We Do</a><div id=&quote;what&quote; class=&quote;anylinkcss&quote;><a href=&quote;property_development.php&quote;>Property Development</a><a href=&quote;properties_required.php&quote;>Properties Required</a><a href=&quote;property_development_areas.php&quote;>Areas Considered</a><a href=&quote;projects.php&quote;>Previous Projects</a></div></td><td width=&quote;10&quote; valign=&quote;top&quote; class=&quote;tabSpace&quote;>&nbsp;</td><td width=&quote;98&quote; align=&quote;center&quote; valign=&quote;top&quote; class=&quote;tabRepeating&quote;><a href=&quote;about.php&quote; onClick=&quote;return clickreturnvalue()&quote; onMouseover=&quote;dropdownmenu(this, event, 'about')&quote;>About</a><div id=&quote;about&quote; class=&quote;anylinkcss&quote;><a href=&quote;company_profile.php&quote;>Company Profile</a><a href=&quote;construction_team.php&quote;>Construction Team</a><a href=&quote;nhbc.php&quote;>NHBC</a><a href=&quote;privacy_policy.html&quote;>Privacy Policy</a></div></td><td width=&quote;10&quote; valign=&quote;top&quote; class=&quote;tabSpace&quote;>&nbsp;</td><td width=&quote;98&quote; align=&quote;center&quote; valign=&quote;top&quote; class=&quote;tabRepeating&quote;><a href=&quote;faq.php&quote;>FAQ</a></td><td width=&quote;10&quote; valign=&quote;top&quote; class=&quote;tabSpace&quote;>&nbsp;</td><td width=&quote;100&quote; align=&quote;center&quote; valign=&quote;top&quote; class=&quote;tabRepeating&quote;><a href=&quote;contact_us.html.php&quote;>Contact Us</a></td><td width=&quote;21&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/00000001_r2_c6_tabend.jpg&quote; alt=&quote;Tab End&quote; width=&quote;21&quote; height=&quote;34&quote;></td></tr></table></td>
    </tr>
    <tr> 
      <td height=&quote;24&quote; colspan=&quote;2&quote; valign=&quote;top&quote; class=&quote;breadCrumbs&quote;><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr> 
      <td height=&quote;376&quote; colspan=&quote;3&quote; valign=&quote;top&quote;><table width=&quote;100%&quote; border=&quote;0&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote;>
          <!--DWLayoutTable-->
          <tr> 
            <td width=&quote;226&quote; height=&quote;177&quote; valign=&quote;top&quote; class=&quote;sideBarBottom&quote;> <p><br>
                <img src=&quote;http://aviaryproperties.com/images/test_slices/home_logo.jpg&quote; alt=&quote;Aviary Properties&quote; width=&quote;171&quote; height=&quote;158&quote;></p></td>
            <td width=&quote;553&quote; rowspan=&quote;2&quote; valign=&quote;top&quote; class=&quote;contentRepeating&quote;> 
              <h1>Welcome to Aviary Properties</h1>
              <p>Aviary Properties specialise in <a href=&quote;property_development.php&quote;>Property 
                Development</a> of small to medium sized urban sites in the North 
                and East of London. We undertake both residential and commercial 
                projects. </p>
              <p><img src=&quote;http://aviaryproperties.com/images/boxedImg.jpg&quote; width=&quote;223&quote; height=&quote;218&quote; hspace=&quote;10&quote; align=&quote;right&quote;>Founded 
                in 2003 Aviary has quickly established a reputation of professionalism 
                and integrity. The company firmly believes in producing quality 
                properties that meet the ever-increasing demands of homeowners 
                and commercial occupiers alike.</p>
              <p>Aviary Properties is an <a href=&quote;nhbc.php&quote;>NHBC Registered Developer</a>. 
                We are equally happy to undertake new build projects and property 
                conversions.</p>
              <p align=&quote;center&quote;><a href=&quote;nhbc.php&quote;><img src=&quote;http://aviaryproperties.com/images/nhbc.gif&quote; width=&quote;72&quote; height=&quote;30&quote; border=&quote;0&quote;></a></p></td>
            <td width=&quote;1&quote;></td>
          </tr>
          <tr> 
            <td rowspan=&quote;2&quote; valign=&quote;bottom&quote; class=&quote;sideBarBottom&quote;> <object classid=&quote;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quote; codebase=&quote;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0&quote; width=&quote;171&quote; height=&quote;174&quote;>
                <param name=&quote;movie&quote; value=&quote;http://aviaryproperties.com/new/home_framing_final.swf&quote;>
                <param name=&quote;quality&quote; value=&quote;high&quote;>
                <embed src=&quote;http://aviaryproperties.com/new/home_framing_final.swf&quote; quality=&quote;high&quote; pluginspage=&quote;http://www.macromedia.com/go/getflashplayer&quote; type=&quote;application/x-shockwave-flash&quote; width=&quote;171&quote; height=&quote;174&quote;></embed></object> 
            </td>
            <td height=&quote;155&quote;></td>
          </tr>
          <tr> 
            <td rowspan=&quote;2&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/00000001_r6_c1_bottomBarRight.jpg&quote; alt=&quote;Bottom Bar Right&quote; width=&quote;553&quote; height=&quote;44&quote;></td>
            <td height=&quote;19&quote;></td>
          </tr>
          <tr> 
            <td height=&quote;25&quote; valign=&quote;top&quote;><img src=&quote;http://aviaryproperties.com/images/test_slices/00000001_r6_c1_bottomBarLeft.jpg&quote; alt=&quote;Bottom Bar Left&quote; width=&quote;226&quote; height=&quote;25&quote;></td>
            <td></td>
          </tr>
        </table></td>
    </tr>
    <tr> 
      <td height=&quote;1&quote;></td>
      <td width=&quote;12&quote;></td>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>
patch2112
Forum Commoner
Posts: 86
Joined: Sun Oct 31, 2004 9:44 am
Location: London

Thanks

Post by patch2112 »

Thanks Burrito,

I just got the computer back from my girlfriend and it's 2a here, so I'll have to give it a try in the morning. Pass in the arse to have to change all that....er.

Thanks again,
Philip
Post Reply