Grow your CSS skills. Land your dream job.

[Solved] IE7 "float:left;" Dropping Below

# January 14, 2010 at 10:37 pm

YEAH BOYEEE!!!

Here was the fix: The changed declaration blocks in the second code section below, are those where the declarations are NOT indented.

Awesome. Between firebug, css-tricks.com and a firm wall to beat my head against… anything’s possible!

FROM THIS:

Code:
#pageWrap {
position: relative;
width: 750px;
margin: 0 auto;
padding: 300px 0 200px;
}

#contentWrap {
position: relative;
width: 100%;
#width: 600px;
}

#content {
float: left;
width: 650px;
margin: 0 auto;
}

#gutterLeft {
float: left;
/*width: 1px;*/
padding-right: 49px;
}

#gutterRight {
float: left;
/*width: 1px;*/
padding-left: 49px;
}

TO THIS:

Code:
#pageWrap {
position: relative;
width: 750px;
margin: 0 auto;
padding: 300px 0 200px;
}

#contentWrap {
float:left;
width:600px;
}

#content {
float:left;
margin:0 auto;
width:650px;
}

#gutterLeft {
float: left;
/*width: 1px;*/
padding-right: 49px;
}

#gutterRight {
float:right;
padding-left:49px;
}

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".