floats? (html w3 validated)

  • Hey—- almost done my page at https://www.blogeditor.net

    I am having some issues with the content floating along the left sidebar though. The first post moves up like I would like it to. However, the second, does not. I do not understand because they both have the same width.

    What I did find, was that the height of the first post was the entire height of the left sidebar, which is confusing to me, since the post is WAY shorter. If I float the “post,” the height becomes correct, but then it moves down below the left sidebar.

    If I change the width on the posts (they both are apart of hte same div) they will move up along the sidebar properly, but than not wrap below.

    All I want is the content to be sequential down the sidebar, and than wrap properly. Did I miss something here!?

    Thanks guys!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Your posts are in an unnamed div. Give this div an ID, and let it float left (you should probably give it a fixed width of say 500px).

    I suspect then all will work out.

    Peter

    Could this be your problem:

    /*---:[ self-clearing floats from Dan Cederholm ]:---*/
ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

    Note that .format_text:after is being included. Try adding:

    .format_text:after {clear:none;}

    to your custom css.

    Thread Starter samueldiener

    (@samueldiener)

    ESMI —– SHAZAAAAM!

    thanks for the fix man. I never saw this :after thing. Did you see it in inpect elements?

    I ended up viewing the raw CSS and searching on any clears. Firebug doesn’t seem to show pseudo :before and :after blocks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘floats? (html w3 validated)’ is closed to new replies.