- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 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.
Thanks to all of you guys that help, you’ve basically built my site for me in some cases. This is a smaller problem I’m having with floating an image to the left, the container ends up collapsing and the image is sticking out of the container. Do you guys have any ideas on how I’d go about fixing this? Thank you in advance.
Here’s a little screenshot: http://cl.ly/2A3Q422S1K2N2T3K3G2v
Here’s the code:
[Flash 9 is required to listen to audio.]
Artist: Queens of the Stone Age
Album: Era Vulgaris
This is an optional description.
#tag
#tag
#tag
#tag
Saturday, June 4th 2011
audio_post {
display: block;
width: 75%;
margin: 0 auto;
margin-top: 20px;
padding: 10px 10px 0 10px;
background-color: #F0F2F0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: -3px 3px 10px black;
-moz-box-shadow: -3px 3px 10px black;
box-shadow: -3px 3px 10px black;
}
.audio_post_info {
display: block;
background-color: #191F26;
color: white;
padding: 5px;
margin-bottom: 5px;
}
.audio_post_info img { float: left; }
Hi try section.audio_post_info{overflow:hidden}
Regards
I couldn’t get the overflow:hidden trick to work, but the micro-clearfix did the trick. Thanks guys.
Yeah every time you run an element with a float it takes it out of the content flow, so you need to run a
or
css:
.clear {
clear:both;
}