A questão é que muita gente se conformou com as tabelas para fazer layouts quando elas na realidade não foram criadas para isso, ponto. E usar os <div> do CSS oferece uma muito maior liberdade do que as tabelas. Sem comparação possível.
Eu risquei totalmente as tabelas do meu vocabulário e não estou mais debilitado por causa disso.
Soundsurfer: isso dos sites "a sério" que têm que se adaptar à largura da janela é relativo. Puramente relativo. Para mim um site não deixa de ser sério se tiver dimensões fixas. Depende mas é do profissionalismo que apresenta. Mas concordo que trabalhar com CSS aumenta o grau de dificuldade, mas é benéfico pois o resultado só pode ser melhor (se a pessoa souber o que está a fazer).
Oldman: dá mais trabalho mas o resultado final é muito mais útil. E a médio-longo prazo vês a gestão do site facilitada. Trabalhando à maneira "old school" apetece-te mudar a cor de um elemento, ou o tamanho, o não sei quê... tens que arcar com a modificação de TODAS as páginas à mão. Com o CSS modificas a folha de estilos e todo o site fica automaticamente actualizado. O tempo que ganhas nem se conta.
Artideias: esse teu exemplo de código, não me leves a mal, é ridículo. Muito muito muito raramente (para não dizer nunca) se usa uma série tão grande de DIVs uns dentro dos outros. Ainda por cima sem saber as definições de estilo que estão por detrás de cada um. O SPAN existe e muitas das vezes substitui bem o DIV.
Guxo: se calhar é exactamente por pessoas como tu nunca se preocuparem com estas coisas que hoje em dia vemos perfeitas palhaçadas na net. Se cada pessoa tivesse o cuidado de tornar o seu site visualizável correctamente por todos (implica browsers, sistemas e eventuais pessoas com deficiências), isso não aconteceria. Tu provavelmente ficas contente com o resultado final do teu site porque até aparece porreirinho no teu PC. Mas o problema são as outras pessoas.
Dou-te um exemplo prático: estou neste momento a desenvolver de raiz um novo layout para o meu blog (no Blogger). Full CSS. Cheguei a um resultado que considero perfeito (graficamente, pois na validação pode ainda ter erros) no Firefox. Mas no Internet Explorer (mesmo no 7.0) o resultado não está perfeito. E não são ligeiras diferenças de 2 ou 3 pixeis aqui e ali, não, são verdadeiros erros que modificam por completo a colocação de elementos. Eu podia estar-me a lixar para as pessoas que usam o IE e lançar o novo blog, até porque eu uso o Firefox... quem não está bem que se amanhe. Mas não, tenho que corrigir os erros todos para que essas pessoas todas não fiquem prejudicadas. E o grande problema é que o IE ainda continua a liderar 70% ou mais do mercado. Não podemos ignorá-lo por completo.
E quem é o grande culpado disto tudo? É a Microsoft, que assume o monopólio desta área há anos (coisa que finalmente acabou com a chegada do Firefox e do Opera) sem se preocupar muito em respeitar as normas. Se IE interpretasse o código da mesma maneira que os outros browsers todos, e não usasse um código (total ou parcialmente) proprietário, estaríamos hoje todos bem melhor.
.
Lá vou eu ter de ir para os hacks do css...
