Grow your CSS skills. Land your dream job.

what is the procedure for this?

  • # December 22, 2009 at 10:22 pm

    I have a box that is 400px by 300px, I have two ul lists in the box. I want them side by side. So I do #listOne and #listTwo,
    I put position: abslolute; on both, and listOne is top: 0; left: 0; listTwo is top: 0; right: 0;. Ok, so now both lists are sitting next to each other. One on the right and the other on the left. Perfect, that’s exactly what I wanted. So now, Underneath the two lists, I want a paragraph of text. But since the list have absolute positioning on them, the text won’t sit underneath them. It instead sits on top of them. I know I can wrap another few divs around the list for positioning, But I was wondering what the preferred coding method is. Is there a web standard for this issue?

    # December 22, 2009 at 10:33 pm

    <div class="box">

    <ul style="float:left;">
    <li>asdf</li>
    </ul>

    <ul>
    <li>asdf</li>
    </ul>

    <div style="clear:both;"></div>

    <p>paragraph</p>

    </div><!–close box–>

    This is what I would do… minus the inline styles of course.

    # December 22, 2009 at 10:34 pm

    On second thought, you could just apply the clear to the <p> tag itself.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".