Ir para conteúdo

POWERED BY:

Arquivado

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

Tanaka!

Site tableless bugando no Firefox

Por , em Desenvolvimento frontend

Recommended Posts

Tanaka!    0

Tanaka!
Postado

Boa noite pessoal.

Sou novo no fórum e estou começando a "me converter" para o uso do tableless. Fiz um site totalmente em tableless que ficou jóinha no Internet Explorer, ficou do jeito que eu planejei, mas no Firefox, ele ficou deslocado 1px pro lado, destoando com o fundo do site. Eu já fiz de tudo dentro dos limites do meu conhecimento, mas não consegui resolver. Ainda sou bem novato no tableless.

 

A pagina está em : http://www.tnkweb.org/teste_tbls/

Se você acessar com Internet Explorer, ele vai ficar normal, mas no Firefox, tudo desloca 1px pra direita.

 

Código da página HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ERCM - Indústria e Comércio</title>
<link href="css/padrao.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">

	<div id="centralTopo">
		<img src="imagens/img_site_cabecalho.jpg" alt="" /><br />
	</div>
	<div id="centralBaixo">		
		<div id="menuLat" align="left">
			<img src="imagens/img_menu_tit.jpg" alt="" />
			<blockquote>
				<a href="#" class="menu">Home</a><br />
				<a href="#" class="menu">Produtos</a><br />
				<a href="#" class="menu">Clientes</a><br />
				<a href="#" class="menu">A empresa</a><br />
				<a href="#" class="menu">Contato</a>
			</blockquote>
		</div>
		
		<div id="conteudo" align="left">
			<h2 class="titulo">Bem-vindo!</h2>
			<p class="titulo" style="font-size:12px;">Conteúdo da página principal.<br />
			  <br />
			  <br />
Nesta   página poderá ser colocado imagens, texto e animações em tecnologia   Flash.<br />
<br />
Uma boa idéia é colocar nesta página, um pouco de tudo que o site   da empresa tem a oferecer. Esta parte pode ser subdividida em partes onde irão   alguns tópicos interessantes como uma prévia dos produtos da empresa, possíveis   ofertas, banners e algumas prévias de texto que estão contidos em outras partes   do site.<br />
<br />
Outra coisa que pode estar contida aqui, são novidades ou   notícias do seu negócio ou do ramo.<br />
</p>
		</div>
	</div>
		
</div>
</body>
</html>

Código do CSS:

/* CSS Document */
body{
	background-image:url(../imagens/img_site_fundo.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-position:top;
	background-color:#006699;
	margin-top: 0px;
}

#centralTopo, #centralBaixo{
	width: 700px;
}

#menuLat{
	width: 160px;
	float: left;	
}

#lista{
	list-style:none;
}

#conteudo{
	width: 535px;
	float: right;
	padding-left:5px;
}

a.menu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

a.menu:hover{
	text-decoration:underline;
}

.titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

Por favor, se alguém estiver vendo algo errado poste aqui.

 

Desculpem-me se este post é repetido, é que não sabia pelo o quê procurar, então fiz este post exibindo os códigos.

 

Desde já muito grato.

 

Ricardo Tanaka

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Tanaka!, seja muito bem vindo ao fórum iMasters!

 

Você está fazendo um layout de duas colunas, olhe o link a seguir e compare com o seu, você vai ver que pode melhorar muita coisa.

http://forum.imasters.com.br/index.php?showtopic=223799

 

Qualquer dúvida, volte a postar!

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tanaka!    0

Tanaka!
Postado

Tanaka!, seja muito bem vindo ao fórum iMasters!

 

Você está fazendo um layout de duas colunas, olhe o link a seguir e compare com o seu, você vai ver que pode melhorar muita coisa.

http://forum.imasters.com.br/index.php?showtopic=223799

 

Qualquer dúvida, volte a postar!

 

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

Obrigado pelas boas vindas gio!.

 

Cheguei agora em casa e já vou começar a estudar este link que você me indicou. Realmente eu ainda tenho muita coisa para melhorar no meu site de teste hehe.

 

Muito obrigado pela dica!!

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Seja Bem Vindo! Tanaka!!!!

Estude bastante os links e o material que tem aqui no fórum, sempre que surgir uma dúvida como o gio! citou é só postar o pessoal sempre ajuda.

Lembre-se sempre de procurar na Busca do Fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito