_Vinny_

Opa, seja bem vindo meu chapa =D

IE9 apenas para W7 e Vista se não me engano. Sobre a validação correta do seu codigo, bom: Maior compatibilidade com vários navegadoresO codigo do seu site escrito/desenvolvido de maneira corretaMotores de busca compreendem com mais facilidade com o codigo corretoA navegação fica mais rápidaentre outras.

Analisando o seu blog, o que faz a area branca e sem utilidade, a imagem no footer esta maior que o layout; No menu no topo, ao lado do botão contato existe um elemento oculto que contribui com o aumento desnecessário do layout; Outro problema é a imagem de "CATEGORIAS" que também possui um tamanho que é desproporcional a largura do layout. Veja se consegue identificar esses problemas no seu template.

O que você achou? Pra mim apenas tem o erro da area em branco na direita.

Certo, então é aqui: div#container { margin: 0; padding: 0; width: 100%; } Você substitui por: div#container { margin: 0; padding: 0; width: 1000px; }

Se conseguir editar, procure por: <div id="container"> Substitui por: <div id="container" style="width: 1000px;">

Você tem acesso ao CSS da template? Tem como edita-la?

Experimenta mudar a largura para uma valor fixo, neste eu testi com 1000px e ficou muito bom.

1 - Essa classe tinha as seguintes formatações: .qmclear { font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none !important;} Como já não tenho como ver a página, não sei te tiver o que exatamente fazia... 2 - Você usa imagens nos links? Olha, CSS3 ainda não é oficial, apesar de possuir um validador no W3C. Ter o código válido hoje em dia quer dizer uma coisa, se não existiria os padrões do W3C, eu usava esse hack em um site, mas resolvi retirar e deixar apenas o text-shadow. Mas dai o problema continua sendo o IE que não suporta o CSS3(exceto versão 9 beta). Bom, isso pra mim esta mais para questão visual/aparencia do site, se quiser um site válido, recomendo não usar. Agora, se quiser primar pela aparencia do site, use o hack apenas para o IE em um CSS separado.

Hum, ótimo e que bom que compartilhou a solução.

lol Cinco fóruns? Exagerado .... :lol: De nada. Quando precisar basta postar.

Hum, isso seria já da parte de javascript.

@rafaeldorazio Poderia postar como resolveu o problema?

Adicione a tag img isso: style="margin-bottom: -5px;"

Certo, qual a linguagem de programação usada?

Posta como esta atualmente o seu codigo.

Joga a div com o menu: <div id="menu" style="display: table-cell;"> <ul class="teste" style="margin: 0 auto; margin-left: -38px;"> <li class="selected"><span class="link">Menu1</span></li> <li class="menu"><span class="link">Menu2</span></li> <li class="menu"><span class="link">Menu3</span></li> <li class="menu"><span class="link">Menu4</span></li> <li class="menu"><span class="link">Menu5</span></li> <li class="menu"><span class="link">Menu6</span></li> <li class="menu"><span class="link">Menu7</span></li> <li class="menu"><span class="link">Menu8</span></li> </ul> </div> Para fora da div geral. Adicione float: left em #menu e float: right em #geral.

Mais esperto é quem ganha o dinheiro =D

Você deve estar usando linguagem de programação para enviar o email, então porque não inseri o código HTML no código de envio do email?

Interessante... pois o menu e o conteúdo estão dentro do mesmo elemento que é #geral, assim como você quer ter o menu sem aquele área se ela existe? O que você pode fazer e colocar o menu fora da div #geral e alinhar as divs para esquerda e direita usando float.

Como disse o quintelab, isso somente será possível com alguma linguagem de problema, com o HTML você consegue apenas a formatação da página e de seus elementos.

Olhando bem, não vejo espaço algum entre a imagem e o rodapé... Veja: ver imagem

Você tem a página hospedada onde eu possa vê-la? Fica mais fácil de ver o problema e analisar.

Tente idenficar usando o Firefox com o Firebug(http://getfirebug.com/)

Poste aqui o código da sua página e do arquivo que envia o email.