Ir para conteúdo

POWERED BY:

Arquivado

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

Apenas Eu

Espaço em branco no fim, Google Chrome

Por , em Desenvolvimento frontend

Recommended Posts

Apenas Eu    13

Apenas Eu
Postado

Opa!

Bom...depois que terminei um site aqui...por acaso eu descobri que no final da pagina, abaixo do rodape, ficou um espaço em branco esquisito. Isso nao acontece no IE. Eu não sei exatamente o que seria.

 

Depois percebi que no IE, no modo de compatibilidade, fica um espaço em branco do rodape e ele centraliza (na vertical) na página. O que será que é?

 

css:

* {
font-family:Verdana, Geneva, sans-serif;
margin: 0 auto;
padding: 0
}

body {
background: #FFF  repeat-x url(../imagem/fundo2.png);
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
width: 100%; 
}
#tudo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; height:auto;
float:left;
margin: 10px 0 0 0;
z-index:auto;
overflow:hidden; clear:both;
}
#cabeca {
position: relative;
padding-top: 20px;
width: 100%; height:140px;
}
#texto {
float:left; height:auto;
margin: 0 10px 10px 10px;
padding: 10px;
position:relative;
width: 70%;
z-index:auto;
}
#esquerda {
border-left: dashed 1px #CCCCCC;
float:right;
margin:150px 10px 0 8px;
padding: 0 0 0 30px;
width: 20%; height:auto;
}
#esquerda a:link {font-size:12px; text-align:left; color:#666666;}
#esquerda:hover {font-size:12px; text-align:left; color:#666666;}
#esquerda:active {font-size:12px; text-align:left; color:#666666;}
#rodape {
background: url(../imagem/rodape.png) repeat;
font-family:Tahoma, Geneva, sans-serif;
padding: 10px 0 10px 0;
position:relative;
width: 100%; height:250px;
}

 

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 name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A Empresa - Almeida Gestão Pública</title>
<link href="css/principal.css" rel="stylesheet" type="text/css" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tudo">
<div id="cabeca"><img src="imagem/logo.png" width="561" height="102" alt="*Almeida Consultoria" /></div>
<div id="menu"><?php include "menu.php" ;?></div>
<div id="texto">
<h1>A Empresa</h1>
<h2> </h2>
<p>A ALMEIDA CONSULTORIA EM GESTÃO DE NEGÓCIOS nasceu em 2012, formada por destacados integrantes como o dr. Jair Almeida, um experiente advogado que cuidará do setor juridico e contábil da empresa. Contamos também com Bruno Almeida um jovem promissor em gestor de negócios e por fim Adalberto Almeida, Bacharel em Ciências Contábeis e especialista em ISS, ITR, ITB, FPM e IPVA, gerenciará toda a empresa.</p>
<p>Esta equipe forma-se a Almeida Consultoria em Gestão Pública a qual adotou uma postura que, diante de cada desafio e pela constante busca por soluções criativas que possam trazer resultados visíveis, quer no aumento da arrecadação municipal imediata, mediante auditorias dos cinco últimos exercícios anteriores, quer na atualização da legislação tributária e na redefinição de medidas estratégicas de gestão municipal. </p>
<p>Uma equipe talentosa e motivada que alia experiência e juventude é a certeza de um relacionamento profissional duradouro e produtivo.</p>
<p><br />
</p>
</div>
<div id="esquerda"><?php include "esquerda.php" ;?></div>
<br clear="all"/>
<div id="rodape">
 <?php include "rodape.php" ;?>
</div>
</div>

</body>
</html>

 

o link: http://almeidagestaopublica.com.br/empresa.php

 

Por favor me dêem uma luz, afinal, na discussão se nasce a luz..hehehe...valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

CarlosMarx    4

CarlosMarx
Postado

Aqui apareceu tudo normal (Chrome Versão 21). [OFF] No final da sua página observei o código <br clear="all">, gostaria de apresentar algumas soluções para você, pode parecer algo simples mas é importante fazermos as coisas da forma mais correta possível. Confira esse link[/OFF]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apenas Eu    13

Apenas Eu
Postado

Obrigado pela dica.

Realmente esse br clear não tem precisão usar. Na realidade eu coloquei para ver se resolvia meu problema. Não resolveu e esqueci de tirar.

 

Dae de acordo com esse artigo, no caso "clear:both" substitui o <br clear="all"> né? Eu nem sabia que num era mais apropriado usar ele hehehe.... (pior que nos meus sites tem um monte deles..kk)

 

A boa notícia é que cabei de reparar que até o google está dando esse bug no final aqui. Relmente eu tinha certeza que isso não acontecia nos testes preliminares... mas ainda não está resolvido no modo compatibilidade do IE que ao inves de ficar o espaço em branco em baixo do rodapé, fica nas laterais....

 

Valeu!

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