Comments on: The Magical CSS Table Cell http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/ web designer Sat, 13 Aug 2011 10:32:27 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Simon Berube http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/comment-page-1/#comment-25213 Simon Berube Fri, 03 Jun 2011 17:39:25 +0000 http://jimbarraud.com/?p=142#comment-25213 <p>Peter, that difference is an important one. The reason against using table elements for layout purposes is that it tables are only semantic when used with tabular data.</p> <p>Mimicking table elements with CSS is quite useful because of the way tables are flexible.</p> <p>I can provide a good example. In a particular client's website, http://navarropharma.com/ you will see that there are tab-style links at the top. Notice how this website is fixed-width and center aligned, yet the lower edge of the tab continues to the right edge of the browser. That was accomplished by giving the center div a fixed width of 960px and the outside divs 50% width so they take up the rest of the space. Take a look at the code and you'll see the benefit of it!</p> Peter, that difference is an important one. The reason against using table elements for layout purposes is that it tables are only semantic when used with tabular data.

Mimicking table elements with CSS is quite useful because of the way tables are flexible.

I can provide a good example. In a particular client’s website, http://navarropharma.com/ you will see that there are tab-style links at the top. Notice how this website is fixed-width and center aligned, yet the lower edge of the tab continues to the right edge of the browser. That was accomplished by giving the center div a fixed width of 960px and the outside divs 50% width so they take up the rest of the space. Take a look at the code and you’ll see the benefit of it!

]]> By: Peter http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/comment-page-1/#comment-24800 Peter Fri, 29 Apr 2011 14:34:55 +0000 http://jimbarraud.com/?p=142#comment-24800 <p>One question what makes this better then using a normal table the result is the same the only difference is that you dont write</p> <p><</p> <p>table></p> One question what makes this better then using a normal table the result is the same the only difference is that you dont write

<

table>

]]> By: Connor Campbell http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/comment-page-1/#comment-22551 Connor Campbell Wed, 28 Apr 2010 18:26:05 +0000 http://jimbarraud.com/?p=142#comment-22551 <p>Internet Explorer 8 is very good because it is as stable as Opera. I hate the previous versions of IE like IE6 because it hangs frequently. `</p> Internet Explorer 8 is very good because it is as stable as Opera. I hate the previous versions of IE like IE6 because it hangs frequently. `

]]> By: CSS Showcase http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/comment-page-1/#comment-22216 CSS Showcase Wed, 17 Mar 2010 20:51:20 +0000 http://jimbarraud.com/?p=142#comment-22216 <p>This is a great tutorial. I am wondering why there aren't more sites like this, that provide valuable information for readers.</p> This is a great tutorial. I am wondering why there aren’t more sites like this, that provide valuable information for readers.

]]> By: Benito Peller http://jimbarraud.com/2008/06/04/the-magical-css-table-cell/comment-page-1/#comment-22195 Benito Peller Sun, 14 Mar 2010 11:17:18 +0000 http://jimbarraud.com/?p=142#comment-22195 <p>You cannot believe how long ive been searching for something like this. Browsed through 8 pages of Yahoo results couldnt find diddly squat. Quick search on bing. There was this.... Really have to start using it more often!</p> You cannot believe how long ive been searching for something like this. Browsed through 8 pages of Yahoo results couldnt find diddly squat. Quick search on bing. There was this…. Really have to start using it more often!

]]>