Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 19
  1. #1
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    For a website I am working on, I would like all of the columns to be the same length. As it is now, the columns are only as long as their content. Is there a way to ensure that they are all as long as the longest column?
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Vertical height with <div>'s is always a big problem with CSS2 ... maybe it will
    be solved with the next version CSS3?

    There is a Javascript way to do it, or you could define the height for all of them
    to be the same ... if you know that the content of the tallest won't change.

    Read some of the finds here:
    http://www.google.com/search?q=css+%...ns&btnG=Search

    You'll see that many people have the same problem as you do.

    I haven't tried some of the methods, but I do know that IE actually does a
    better job at <div> height than FireFox ... but with IE, what it does is actually
    one of their many mistakes.


  4. #3
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Oh, ok. I have tried tons of different things. Oh well. Thanks for your help.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Have you tried the Faux Columns method? By far the easiest
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Karinne ...

    And that method does work, but it's too bad it has to be that way.

    I can't remember what site I did that on, but I had problems later on
    when the client wanted to make some changes ... they finally ended up
    eliminating the border around the column that was not extending down.

    oh well ... someday it will be solved for good.


  7. #6
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    I have actually thought about adding a few <br>'s to add to the length, but then decided against it. Oh well, I guess they will all be different lengths.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  8. #7
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Chris ...

    Don't be afraid to use a <table> within your <div> ...
    if it's really necessary, go for it. There are no CSS police
    that will fine you for using tables. Sometimes, it's necessary
    to go back to the basics.


  9. #8
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Thanks for all your help. I have decided to leave it alone, since there isnt a "pure" fix, for the time being, and see how it looks on some of the other pages with more text in the center column to see how it looks.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  10. #9
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Oh come on!!! "A pure fix"!?? Faux column is like the box model hack ... it's a way to get around the support that browsers don't offer!

    I use faux column on almost all the sites I do ... It works great and never had problems with it. If the user want to change the color, fine ... go in Photoshop, change the color and upload the new background. If he wants the width changed. Fine do the same and adjust the style sheet accordingly like you would in any case.

    Quit hacking your brain about it and do yourselft a favor ... just use it!
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Chris ...

    give us a link to your site. let's see what we can do with it.



Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:24 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com