Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Senior Member ravensjeff's Avatar
    Join Date
    Aug 2007
    Location
    Maryland
    Posts
    125
    Member #
    15751
    Hey all...I'm new here but I'm getting into doing quite a bit of web designing so I hope to hang out here a lot and both learn and help where I can.

    At any rate, I was hoping someone could help me solve a problem with this site.

    The site looks as it is intended in Firefox without any problem. However, in IE, a thin white line appears above the house picture. This is true of IE6 and IE7. But in IE6 there is also a while line that appears below the logo bar and search listings area that actually creates a break in my background image. This lower white line does not appear in IE7 except for one page of the site. Weird, eh?

    The lower white line that appears in IE6 and on the one page of IE7, is actually in some way affecting the background image of the main container. The background image should repeat without breaks.

    Here is a link to my css code, as well. If anyone can offer any suggestions, I'd be most appreciative as I have been pulling my hair out trying to troubleshoot this one.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,866
    Member #
    5580
    Liked
    731 times
    Here's the deal ...

    You're dealing with IE, so you need to be aware of some quirks that can really cause headaches.

    The first problem ... the top white line (space).
    You need to eliminate all tabs and white space on this line:
    Make it all one line, no tabs, no carriage returns ...

    <div id="header"><img src="img/header.jpg" alt="ERA Weese Realty, Inc" /></div>


    Next problem ... the lower white line (space).
    You need to add a <br /> after the image, because it's overflowing:
    ... and also get rid of tabs and white space.

    <img src="img/search.jpg" alt="Search Listings" border="0" usemap="#Search_Listings" /><br />


    This may sound strange, but don't use any tabs in your XHTML, and don't use
    whitespace to make your code look nice. You are mixing CSS with <tables> so you
    are already going to have layout problems ... you really shouldn't use tables at all, but
    you have your site made, so I guess you leave it as is.


    Here is how you troubleshoot problems like yours:

    1) At various sections, comment out sections one at a time by using <!-- and -->

    2) View the page and see if the problem goes away.

    3) Make sure you remove the comment marks when done.



    .


  4. #3
    Senior Member ravensjeff's Avatar
    Join Date
    Aug 2007
    Location
    Maryland
    Posts
    125
    Member #
    15751
    Perfect!!! Thank you...I really really appreciate your help.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:43 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com