[Resolvido] Barra de rolagem (novamente)

[Leandro Persi 0]

Bom dia colegas.

Estou precisando da ajuda dos colegas novamente para retirar uma barra de rolagem horizontal que teima em aparecer (em 800x600) mesmo com o conteúdo da página menor que a tela do navegador.

 

Se os colegas puderem dar uma olhada no site e me dizer como faço para desabilitar essa barra eu agradeço bastante, falta resolver só isso pra entregar o site.

 

Link: http://leandropersi.6te.net/

 

Obrigado

[Guilherme Müller 0]

Olá Leandro,

 

Descobri o problema na sua página, mas primeiramente gostaria de recomendar fortemente que você construa futuros sites sem utilizar tags <table> para estruturação do site.

 

Dito isso, o que está causando o problema são dois tags <td>. Vendo a estrutura principal do seu site:

 

<table class="bg" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tbody>
	<tr>
	  <td width="110" height="200"> </td>
		<td width="774" valign="top" align="center">
		  <!--Aqui está o seu site -->
		</td>
	  <td width="111"> </td>
	</tr>
  </tbody>
</table>

Os itens "<td width='110' ..." e "<td width='111' ..." devem ser retirados. Apenas testei no firefox, mas isto claramente resolveu o problema e mesmo assim o site ficou centralizado.

 

Espero que tenha ajudado!

[Leandro Persi 0]

Obrigado Guilherme.

 

Realmente, no Firefox o problema foi resolvido mas no IE ele continua.

Você imagina onde esta o erro que faz a barra aparecer no IE?

 

Obrigado

[Thiago Retondar 18]

As tabelas estão excedendendo em 800x600, assim criando essa scrollbar horizontal.

 

Basta redefinir os valores.

 

Como você deve estar percebendo, e como já foi dito, usar tabelas para estruturar o site só vai te trazer problemas. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[Leandro Persi 0]

Então, o layout não esta excedendo o tamanho, criei todas as tabelas com no máximo 7774 de largura.

A barra só aparece quando o conteudo excede o tamanho na horizontal (o que é normal), ai alem da barra horizontal aparecer a vertical tb aparece, mesmo as tabelas estando menores que o limite.

 

OFF.: Eu gostaria de pedir para os colegas me indicarem um bom livro ou tutoriais e materias para eu aprender a desenvolver sem tabelas.

 

Eu só sei criar site com tabelas.

 

 

Abraço

[Thiago Retondar 18]

Então... A div tabela do conteúdo tem 774px. Porém, há outras duas células ao lado do conteúdo com 110px e 111px respectivamente.

 

<td width="110" height="200"> </td>
<td width="774" valign="top" align="center"></td>
<td width="111"></td>

 

Se você tirar essas duas, fica normal, ou seja, sem a barra.

[Rasp 3]

Falae Leandro,

Seguinte cara... realmente o problema que ocorre com seu layout é o que o thiago comentou acima somando esses tds o layout fica em 995px total, ou seja o que gera a barra horizontal....

 

Quando a um bom livro, existe o do Maurício Samy (Maujor).

 

e caso você queira pode acompanhar o tutorial também do maujor com passo a passo para construir um layout CSS

http://www.maujor.com/tutorial/layout-css-passo-a-passo.php

 

Qualquer dúvida, post

[]'s

[Thiago Retondar 18]

Tinha até me esquecido dos livros... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Bem, além dos do Maujor, te recomendo ir na área de tutoriais aqui do fórum. Tem muita coisa boa!

 

Mas o principal é: PRATICAR!

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Leandro Persi 0]

Ai pessoal, muito obrigado pela força na resolução do meu problema e pelas dicas, vou acessar o link indicado e correr atrás de me atualizar. Desenvolvo sites a 8 anos maz fiquei um bom tempo parado, não pude estudar nem desenvolver e fiquei para trás.

 

O problema da minha tabela eu consegui resolver, apaguei e fiz de novo... nada melhor.

Se quiserem dar uma olhada esta no ar.

 

 

Abraço