So I started off my design thinking alright, just read this sitepoint book and it had great information relating using display:table for laying out a website instead of floating divs all over the place. Turns out I may have put my hands too deep into the shark tank while thinking it was a goldfish tank. It's been awhile since I touched a website, so I was thinking maybe display:table is the way to go for all my future layouts.
However, it looks like if I want to go this route that my code may just be overkill. Since I need a div.table, div.row, and div.cell containers. On top of that, it looks as though to do any type of position inside of a cell that I will need to create another table inside the div.cell, adding even more code.
For example one of the position issues I had can be found in this thread: http://www.sitepoint.com/forums/showthread.php?865602-Can-you-relativlely-or-absolutely-position-items-in-a-display-table-cell
Without going onto a rant, since I have been up almost 24 hours.. I was wondering if anyone can provide any advice, tips, or comments on doing anything via this method. Should I just stick to the good ol fashion floating and relative/absolute positioned divs? Should I consider the use of CSS table layouts the same as html table layouts and just leave it for tabular data? Or should I just not care about all the extra div code and use this method.
I know this is all personal opinion and a case by case basis, but if you were doing a project would you even consider this? I did my entire site like this, but now that I want to customize a few things.. I am just seeing the limitations.
Thank you again for any advice and input!