WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS relative position - creating empty page height (3 posts)

  1. Mike
    Member
    Posted 4 years ago #

    this is a general CSS question, though using it in WordPress. I'm just learning to position things around with CSS rather than tables. one problem i'm encountering is that, for example, if I want to create two columns of text on a single column page, i would do something like:

    <div id="left">
    text text text
    </div>
    <div id="right">
    text text text"
    </div>

    and in my CSS i would set the positioning to raise the second string of text up into the right hand side creating a second column next to the first.

    the problem i encounter is that this creates a huge gap of empty white space on the page below the columns that is equal in length to the height of the 'top' position that i offset the second div upwards.

    anyone familiar with this problem or how to solve it?

    thanks

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Try working with the CSS float property.

    http://www.w3schools.com/css/pr_class_float.asp

  3. Mike
    Member
    Posted 4 years ago #

    wow, i cant tell you how helpful that was. i followed it to this tutorial which was what i needed:

    http://www.w3schools.com/css/tryit.asp?filename=trycss_float6

    i now have a much better understanding of CSS. thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic