SitePoint Sponsor

User Tag List

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

    Equal Height Column Issue

    Hello all,

    Once again I am having problems with the equal column height CSS hack

    Can anyone explain why the left side content does not appear?

    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">
    body
    {
    	color: red;
    }
    
    #middle
    {	
    	overflow: hidden;
    }
    
    * html #middle
    {	
    	height: 1%;
    }
    
    #leftSide
    {
    	padding-top: 32767px;
    	margin-bottom: -32767px;
    	float: left;
    	width: 30%;
    	background-color: blue;
    }
    
    #rightSide
    {
    	background-color: #000000;
    	padding-bottom: 32767px;
    	margin-bottom: -32767px;
    	float: left;
    	width: 70%;
    }
    
    </style>
    </head>
    
    <body>
    
    <div id='middle'>
    
    <div id='leftSide'>
    <p>fsdfsdfasdf</p>
    <p>fsdfsdfasdf</p>
    <p>fsdfsdfasdf</p>
    <p>fsdfsdfasdf</p>
    </div>
    
    <div id='rightSide'>
    fsdfasfs
    </div>
    
    </div>
    
    </body>
    </html>

  2. #2
    SitePoint Evangelist FCC's Avatar
    Join Date
    May 2006
    Posts
    417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OMG! Someone kill me.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by FCC
    OMG! Someone kill me.
    Any last wishes...



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
  •