Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Three-column table with divs (without position absolute)

Bottom of Page

1 to 7 of 7

  1.  
    • CommentAuthorchimerical
    • CommentTimeMar 10th 2006
     permalink
    I'm trying to create a three-column table for layout purposes, except by using divs. I know that there are plenty of articles out there about tableless layouts, but it seems that every single one relies on position:absolute, which I don't want.

    Does anyone know how to create, say, a 700-pixel wide "table" with three columns that resize based on content (or specified widths, if the first isn't possible)?

    (Does "float" count as absolute positioning? The reason for my avoiding absolute positioning is that I don't want to have to specify 'top' every time I create a new "tr" equivalent above the current row of three columns.)
  2.  permalink
    if you are trying to produce a table... just use a table... if you are trying to make a three column layout, this link might help
    look particularly at the post I made (second to last one )
    • CommentAuthorchimerical
    • CommentTimeMar 11th 2006
     permalink
    The right sidebar content in your example appears on the next row instead of appearing to the right of the first two columns. Is it supposed to do that?
  4.  permalink
    • CommentAuthorchimerical
    • CommentTimeMar 12th 2006
     permalink
    Thanks!
  6.  permalink
    inline css NIck, shudder, ;)

    i dont know if you added padding/margin or anything but if so all you had to do is take the sizes in a percent. so 32, 65, 32
  7.  permalink
    Hah. Just an example =P I added some padding, so you can see how to calculate width properly.

1 to 7 of 7

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page