Float issue on html5 reset wordpress theme

[ellp]

Hello.

I’m using the html5 reset wordpress theme and I’m having problems to create a simple float using the page.php template. Here is the code I’m using:

article.post,
#respond{
width:700px;
float:left;
background:blue;
}

#sidebar{
float:right;
width:250px;
background:red;
}

Here is a screenshot of the result.
[Screenshot](http://quartoestudio.com/shots/css-float-issue.png “css float issue”)

Any idea to solve this? Thanks!

[wolfcry911]

what’s the problem? where’s the code? Help us help you

[ellp]

Sorry about that wolfcry911… Here is the code:

Here is [the code](http://pastebin.com/K31UaV3c “”)

[Paulie_D]

Please make a reduced case Codepen with HTML & CSS…we really don’t need all that other extraneous stuff.

[ellp]

Thanks for the tip Paulie_D, I didn’t know the Codepen :)

http://codepen.io/evandropastor/pen/Ijzck

I’ve marked the problematic code like so:

[Paulie_D]

Franly, there is still too much extraneous code in there.

However, what I think you need to do is separate out all the content that you want to have appear in the left side of the page and wrap that in a div that is then floated left.

Like this: http://codepen.io/Paulie-D/pen/rnche

[ellp]

Paulie_D thanks for the tip! It works! I’ve inserted a div like so:

…

Thanks you guys and sorry for the code mess.

[Author]

Posts