SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Shockt's Avatar
    Join Date
    Jan 2005
    Location
    California
    Posts
    360
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    More IE problems

    http://www.parkwestproperties.com/ou...s/KT-Ingersoll

    Two things wrong with this...

    1. In all browsers, there is a large white space between the image/information and description of each agent.
    2. In some versions of IE, the image floats to the left side over the search form.

    Any suggestions?

  2. #2
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Which versions of IE?

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    Canada
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to remove the clear: both for the <p> in #agent. I'm not sure why but that's making it clear the search box on the left. You might also want to add:

    #agent ul {height: 80px;}

    so the text for the agent is under the list as well.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I'm not sure why but that's making it clear the search box on the left.
    When you clear a float you clear all previous floats and not just those in the same stacking context. Therefore when the p tag has clear:both added it promptly clears the left search form which is floated.

    To contain the clearing behaviour to the same stacking context you have to enclose it in a parent float so it can't in fact clear itself.

    e.g.

    Code:
    	<div id="content">
    	<div style="width:100%;float:left">
    	 <h1>Our Agents</h1>
    	 <div id="agent"> 
     
    etc....................
     
     
    </div>
    </div>
    (Inline styles for example only)

    The above will probably fix any erroneous "layout" issues also (If not then you will need the height:1% hack on #content - see faq on haslayout.)
    Hope that explains it

  5. #5
    SitePoint Addict Shockt's Avatar
    Join Date
    Jan 2005
    Location
    California
    Posts
    360
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Alright! Adding another div as Paul suggested fixed that huge spacing issue. But that made the image and contact information disappear in IE, leaving white space where it should be. So I removed the position: relative; and it was fixed. Thanks for your help guys!


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
  •