SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    boston, ma
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Equalizing 2 columns/divs without resorting to tables

    Hi Folks,

    Original page: http://bonner.vrmenterprises.com/page.html
    If you scroll down you will notice that the navigation/left div stops short of the right div.

    I tried to apply Paul O'B "2 equalising columns" method but because I am still learning CSS couldn't quite get it and completely lost the navigation/left div.
    http://bonner.vrmenterprises.com/page2.html

    I don't even understand the width | w\idth notation, but I do understand that the little * (universal selector) can wreak havoc in novice hands.

    The butchered stylesheet is found at http://bonner.vrmenterprises.com/style2.css

    Any help would be appreciated.

    Thanks.
    VRM

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Faux columns may be an easier technique to get your head around.

  3. #3
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't even understand the width | w\idth notation, but I do understand that the little * (universal selector) can wreak havoc in novice hands.

    The butchered stylesheet is found at http://bonner.vrmenterprises.com/style2.css
    lol. I so understand where you're at!

    May I recommend a little patience and stick with Paul O'B for a bit. Frustrating as it seems now there is a lot of satisfaction in getting this right and it avoids messing round with background images.

    Of course, if you've really had enough........ have a go at faux columns.

    Edit:

    Just noticed you already have a background image in the left column. Go for Faux Columns.
    Last edited by fisherboy; Jun 28, 2006 at 21:37. Reason: extra info
    fisherboy
    Web Site Design

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As for what they mean:
    * html feeds rules that only IE < = 6 can understand

    width: 152px; w\idth: 150px;
    - IE < 6 won't understand the rule with the \ in it it's width will be 152px. IE6 & 7 do understand it, so their width will be 150px.

  5. #5
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    boston, ma
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Faux columns work, but would still like to find error

    Thanks folks. Faux columns worked.

    However, I would still like to know where I missed it on Paul's technique.

    I got the navigation column back trying to use his technique,
    http://bonner.vrmenterprises.com/page2.html ,
    but still have the unequal columns.

    Sincerely,
    VRM

  6. #6
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    boston, ma
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thanks!

    You are absolutely right. At times like this, you are grateful for folks who will help you through a problem and laugh WITH you at the obvious errors.

    Have a great day everyone.

    Sincerely,
    VRM


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •