Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vinicius Asevedo

posição do site

Recommended Posts

Olá pessoal,

 

Estou com um problema em um site que estou criando. Acontece de em páginas mais longas, que passam de uma determinada altura, andam para a esquerda. Tirei 2 Prints de exemplo

 

Página correta

http://imagizer.imageshack.us/v2/1024x768q90/191/tc61.jpg

 

Página recuada para a esquerda

http://imagizer.imageshack.us/v2/1024x768q90/203/umyw.jpg

 

Alguém faz ideia do que pode estar ocasionando esse erro?

 

Coloco abaixo a parte do CSS que determina as divs e a estrutura da página.

 

@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(../img/fundo.jpg);
	background-color: #d2e287;
	background-repeat: no-repeat;
}
html, body{
	margin: 0;
	padding: 0;
	position: relative;
}
#geral {
	text-align: center;
	margin: auto;
	width: 900px;
	padding-top: 10px;
}
#conteudo {
	height: auto;
	text-align: left;
	background-attachment: fixed;
	background-position: center top;
	background-color: #FFF;
	word-spacing: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
	padding-left: 10px;
}
#rodape {
	height: 30px;
	margin-bottom: 10px;
	color: #000;
	text-align: center;
	width:100%;
	padding-top:10px;
	background-color: #55c5cf;
	border-radius:0 0 20px 20px; 
}
#menu {
	height: 30px;
	top: 30px;
	background-color: #55c5cf;
}
#topo {
	height: 200px;
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	border-radius: 20px 20px 0 0;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não é erro cara, é assim mesmo.

 

O que acontece, é que a barra de rolagem lateral apareceu, ai deslocou o seu site para o centro da viewport, considerando a barra.

 

Nada de mais. Tudo certo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.