Grow your CSS skills. Land your dream job.

How to make floated columns the same width?

  • # July 24, 2008 at 10:53 am

    When I coded as always, and noticed 1 think, that my #main_content column and #rsidebar column are not the same width, becouse the #main_content have more content than the #rsidebar column. So how to make these two columns the same width?

    Site adress: http://www.test.klausyk.net/kavita/
    Css: http://www.test.klausyk.net/kavita/style.css

    P.S Oh, I got one more problem too (on IE6), why the li:hover don’t work on IE6 (on other browsers it’s O.K.)

    # July 24, 2008 at 11:24 am

    I have solve the columns problem by using the border-left:150px solid #and the color; (http://www.alistapart.com/articles/multicolumnlayouts). Its perfect for me. But the li:hover still here, so help me to solve this :)

    box
    # July 24, 2008 at 6:11 pm

    IE6 doesn’t support the hover pseudo class on anything other than an anchor (<a>) tag. Many people will use JavaScript to accommodate IE6, but my feeling is that IE6 is not worth the hassle. As long as your content displays correctly and your information is accessible in IE6, then I wouldn’t bother killing yourself to provide that richer experience that more modern standards compliant browsers allow for.

    # July 25, 2008 at 3:41 pm

    Ye, I support your opinion, but when you are building a web site for a client, it’s not so easy to explain why you can’t accomplish his request :/ . So, if you can please give me that link with java script, thanks :)

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

You must be logged in to reply to this topic.

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