- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
what’s the problem? where’s the code? Help us help you
Sorry about that wolfcry911… Here is the code:
Here is [the code](http://pastebin.com/K31UaV3c “”)
Please make a reduced case Codepen with HTML & CSS…we really don’t need all that other extraneous stuff.
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:
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
Paulie_D thanks for the tip! It works! I’ve inserted a div like so:
Thanks you guys and sorry for the code mess.