SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist FCC's Avatar
    Join Date
    May 2006
    Posts
    417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Equal Column Height Issue

    Hello all,

    I am using this article as my guide to the equal column height issue, but I am have some issues with how IE does it:

    What happens is div elements that come after the wrapper element still cause the border to extend down in IE6. Firefox does not do this. It's frustrating because I want the border to stop after the equalizing of the 2 columns:

    Here is the code I have: Notice where I put "Why does this extend the border down." That is where the problem is...

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    
    <style type='text/css'>
    #wrapper
    {
    	overflow: hidden;
    }
    #left
    {
    	width: 40%;
    	border-right: 1px solid black;
    	float: left;
    	padding-bottom: 32767px;
    	margin-bottom: -32767px;	
    }
    
    #right
    {
    	width: 40%;	
    	float: right;
    	padding-bottom: 32767px;
    	margin-bottom: -32767px;	
    }
    </style>
    
    </head>
    
    <body>
    
    <div id='wrapper'>
    <div id='left'>
    <p>sdfsdfsaf</p>
    
    </div>
    
    <div id='right'>
    sdfsdfsadf
    <p>sdfsdfsaf</p>
    <p>sdfsdfsaf</p>
    <p>sdfsdfsaf</p>
    <p>sdfsdfsaf</p>
    </div>
    
    <div style="clear: both;"></div>
    
    </div>
    
    <div><p>WHY</p> DOES THIS EXTEND THE BORDErrr</div>
    </body>
    </html>

    Does anyone know I can fix this?

  2. #2
    SitePoint Evangelist FCC's Avatar
    Join Date
    May 2006
    Posts
    417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ownage! That completely escaped my mind. Thanks!


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
  •