Side by Side 1 - Left |
Side by Side 1 - Right |
||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | Left | This bottom right cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed |
Side by Side 2 - Left |
Side by Side 2 - Right |
||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
This top cell has more text to show what happens when the contents of the top cells are unequal. More filler text, more filler text, more filler text, more filler text, more filler text, more filler text, more filler text, more filler text, more filler text, and yet more filler text | This top cell has less text and is just minding its own business | ||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | Left | This bottom right cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed |
This cell doesn't need a class because it doesn't need its width fixing or anything doing to it - it can simply exist. More filler text, more filler text, more filler text, more filler text, and yet more filler text | |
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
Side by Side 3 - Left |
Side by Side 3 - Center |
Side by Side 3 - Right |
|||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | Left | This bottom right cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
Oneup - table instead of wrapper |
|
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
Side by Side 3 - Left |
Side by Side 3 - Center |
Side by Side 3 - Right |
|||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | Left | This bottom right cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
Side by Side 3 - Left |
Side by Side 3 - Center |
Side by Side 3 - Right |
|||
This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right | Left | This bottom right cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | This bottom left cell has more text to show whether the bottom cells will do the right thing and resize their respective widths as needed | Right |
Next: What about just plain old borders?
Previous: So let's try and get the borders working
CSS Stuff index | XHTML | CSS