SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast squarehead's Avatar
    Join Date
    Sep 2004
    Location
    CA
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with faux columns in IE7

    In order to create the illusion of vertical columns equal in height, I used the faux columns technique. Basically, a vertically tiled background image in a wrapper div for the columns is used to create the illusion. However, in IE7, the background images doesn't seem to tile. Does anyone have any idea of why this is happening? Any input is greatly appreciated.

    My website

    The wrapper div is called "content". The two div's that I am trying to make seem equal in height are "primary" and "secondary". The pertinant CSS is posted below:

    Code:
    .content {
    	position: relative;
    	background: url('images/content.gif') repeat-y;
    	_height: 100%;
    	}
    
    .primary {
    	width: 440px;
    	float: left;
    	display: inline;
    	position: relative;
    	}
    
    .secondary {
    	font-family: 'Trebuchet MS', Sans-Serif;
    	position: relative;
    	float: left;
    	width: 190px;
    	color: #777;
    	background: #111;
    	margin: 10px 0;
    	}

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,868
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    Try adding the clearfix to .content:

    Code:
     <div class="content-top"></div>
     <div class="content clearfix">
      <div class="primary">
    And this is the correct clearfix code so replace yours:

    Code:
    .clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
    }
    .clearfix {
    	display:inline-block;
    }
     /* mac hide \*/
    	* html .clearfix {height: 1%;}
    	  .clearfix {display: block;}
     /* End hide */

  3. #3
    SitePoint Enthusiast squarehead's Avatar
    Join Date
    Sep 2004
    Location
    CA
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wow paul

    Thank you so much!!! If you do happen to be in houston, TX, PM me and I"ll take you to lunch.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,868
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    I'm getting hungry already but its too far to go


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
  •