SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    dare i say it...

    have a broken a cardinal rule by using BOTH CSS and Tables for the new layout of my site!! Can the two worlds live happily as one?

    Why would you do such a thing....well, because it just works.

    here's one of the pages that has the new design layout (NOTE: not all pages on the site are converted yet)
    http://www.search-this.com/website_p...ize_Flash.aspx

    3 column layout

    Column 1 (the left side) is entirely CSS
    Column 2 (the right side) is entirely CSS
    Column 3 (the middle) is Tables!!!

    why, because tables just works so well in this case. With the liquid-rounded-corners the table worked better...yes, I have seen the many CSS articles on rounded corners, but none work as well as the table way, at least when they need to be liquid.

    The 3 columns are absolute positioned allowing the middle (content) column to be placed first in the code.

    ...wow, it seems that tables and CSS can lively happily together...

  2. #2
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Who ever told you there was a rule about that??

    Most people learning CSS who have a tables background do one or two hybrid sites before they realise that they just don't need tables anymore.

    The page looks nice. I don't understand why you need a table though Liquid rounded corners are solved.

    Douglas
    Hello World

  3. #3
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that maybe the best liquid rounded corner example I have seen yet - too bad you can't put a minimum width on it though?

  4. #4
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How do you mean?

    As in you make the page narrower and then it makes a hoirzontal scroll bar?

    Well, you could use min-width for a minimum width, but you will need a small javascript "expression" to help it work 100% in IE.

    Douglas
    Hello World

  5. #5
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    meaning that as you are scruntching the browser down, that at a certain width the section stops being liquid, that way the top and bottom corners, don't blow away from the side....you know what I mean, don't make me have to do a screen shot...

  6. #6
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh, I know what you are talking about
    I forget whether the method on that page does that

    you can just use four divs inside eachother if you don't mind lots of divs, then you won't have any problems with that.

    Douglas
    Hello World

  7. #7
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fedora's site does the best corners IMO.
    It looks like theres no images involved at all (though they do use em, but you can't tell unless you view their css file).
    http://fedora.redhat.com/
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*


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
  •