Grow your CSS skills. Land your dream job.

HALP! I’ve resorted to tables!

  • # October 1, 2009 at 10:51 am

    OK so I’ve been working on a auto-resizing menu bar for quite a while now, but its compatibility was extremely limited (Firefox 3-3.5, IE 7-8) so one day I was goofing off and moved the data from a list to tables, without changing much (if any) measurement data and bam! it worked. it worked in every single version of Firefox, it worked in Webkit browsers and opera now, It worked in IE (the menu bar not the margins) all the way down to IE4! so I went back and confirmed that all my css measurements were correct on both versions. they were. So the simple fact that they were tables made everything magically delicious. But the fact is they’re still tables. so before I move the design to the main page, I’m making one last plea, does anyone know a better way to get this to work exactly how it is now with lists or some other friendly entity?

    Old Version, uses lists:
    http://www.samswitzer.org

    New tabular version:
    http://www.samswitzer.org/beta/

    # October 1, 2009 at 12:24 pm

    Your CSS solution works from IE7+, Firefox 3.0+ and (as I just checked) in Opera, Chrome and Safari and you call it extremely limited?

    Btw, what exactly is not working with the menu in IE6? (haven’t testedt yet)

    # October 1, 2009 at 1:18 pm

    it doesn’t work completely in opera or webkit, the right-hand side doesn’t "stick" to the header like it does in firefox and IE. also I would like to be firefox 2 compatible as its still used rather often. I’m having trouble finding why tables are bad in this case now. I’ve removed the css from my page to see if anything got screwed up, but it was sitting there fine and dandy. i’m wondering if this is one of those "exceptions" to the don’t use tables rule.

    in IE 6 and below it "staircases" the lists instead of lining them up, in case you were wondering.

    # October 1, 2009 at 9:18 pm

    your problem is menu stepdown with ul lists, I know Chris had a fix here on CSS-Tricks, do a search for it,
    search for "menu stepdown"

    better than going to tables

    Al

    # October 1, 2009 at 9:24 pm

    no no no thats not the main problem. that’s just a side effect…please read the whole thing instead of the last sentence, if your going to answer.

    …nvm it seems to work better with tables anyway.

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

You must be logged in to reply to this topic.

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