Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS clear: both; problem?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #33037
    Catasphere
    Member

    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:



    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; }
    #73899
    Rymo
    Member

    Hi try section.audio_post_info{overflow:hidden}

    Regards

    #73660
    Catasphere
    Member

    I couldn’t get the overflow:hidden trick to work, but the micro-clearfix did the trick. Thanks guys.

    #73157
    KarlB
    Member

    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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.