Help
Tenho uma div chamada RodapeGeral que engloba a div Rodape e outros elementos.
Coloquei uma largura de 100% para a div RodapeGeral,coloquei um bakcground e centralizei a div Rodape. Porém quando teste em resoluções menores a div não fica 100%.
Vejam o código:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1--><!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=utf-8" />
<title>Rodapé</title>
<style type="text/css">
body {margin:0;padding:0;}
img {border:none;}
ul {margin:0;padding:0;list-style:none;}
a {text-decoration:none;}
#RodapeGeral{width:100%;text-align:center;background:#000;height:100px;}
#Rodape{width:1004px;text-align:left;margin:auto;}
.TitMenu{font-family:Calibri,Arial;font-size:14px; color:#8a8a8a;display:block;clear:both;padding-top:10px;}
.MenuRodape{float:left;}
#Rodape ul li a{font-family:Calibri,Arial;font-size:12px; color:#8a8a8a;}
#Rodape span {font-family:Calibri,Arial;font-size:12px; color:#8a8a8a;padding-left:2px;padding-right:2px;}
</style>
</head>
<body>
<div id="RodapeGeral">
<div id="Rodape">
<ul>
<li class="TitMenu"> A Empresa </li>
<li class="MenuRodape"> <a href="#">Lorem na mídia</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Indique a Lorem</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Área do parceiro</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Seja nosso parceiro</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Trabalhe conosco</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Painel de controle</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Denuncie uma fraude</a></li>
</ul>
<ul>
<li class="TitMenu"> Atendimento </li>
<li class="MenuRodape"> <a href="#">FAQ - Perguntas frequentes</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">Chat (atendimento online)</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">E-mail</a><span>|</span></li>
<li class="MenuRodape"> <a href="#">PABX: (11) 0000-4548</a></li>
</ul>
</div>
</div>
</body>
</html><!--c2--></div><!--ec2-->
Como arrumar isso?
Desde já, mto obrigado
Publicidade
|
|
Page 1 of 1
o background não fica 100% em resoluções menores
#2
Nine_Branco 
- Group: Membros
- Posts: 60
- Joined: 20-December 08
Posted 13 August 2009 - 02:54 PM
Olá THCB!
O que vc chama de resoluções menores? 800x600? Mas dentro vc tem uma div com largura de 1004. Maior q a resolução menor. Logo, vai dar barra de rolagem horizontal e estrapolar. Não vai ficar com 100%.
Minha sugestão é q vc use max-width:1004px
Isso não funcionará no IE6. Se for de seu interesse que funcione no IE6 tb, talvez fosse o caso de usar um código específico para ele.
Se me permitir comentários... Eu prefiro trabalhar com uma margem um pouco maior. Usar uma largura 980px ao invés de 1004px. Vc, provavelmente,está trabalhando no limite máximo do seu navegador. Dependendo do navegador que as pessoas forem usar para acesar o site, vai dar barra de rolagem horizontal por causa de "um tiquinho de nada". Isso fica feio. Parece que vc errou na hora de projetar a largura do site. Entende? Desculpa dar palpite fora da sua dúvida.
Se não for esse o problema... Tamos ai.
É só postar novamente que tento ajudar.
Aline Branco
O que vc chama de resoluções menores? 800x600? Mas dentro vc tem uma div com largura de 1004. Maior q a resolução menor. Logo, vai dar barra de rolagem horizontal e estrapolar. Não vai ficar com 100%.
Minha sugestão é q vc use max-width:1004px
Isso não funcionará no IE6. Se for de seu interesse que funcione no IE6 tb, talvez fosse o caso de usar um código específico para ele.
Se me permitir comentários... Eu prefiro trabalhar com uma margem um pouco maior. Usar uma largura 980px ao invés de 1004px. Vc, provavelmente,está trabalhando no limite máximo do seu navegador. Dependendo do navegador que as pessoas forem usar para acesar o site, vai dar barra de rolagem horizontal por causa de "um tiquinho de nada". Isso fica feio. Parece que vc errou na hora de projetar a largura do site. Entende? Desculpa dar palpite fora da sua dúvida.
Se não for esse o problema... Tamos ai.
É só postar novamente que tento ajudar.
Aline Branco
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Adolescente corre risco de ficar preso por 38 anos por invadir sistema de colégio
|
Notícias |
Notícias
|
|
|
|
|
ANIMAÇÕES DO FLASH NÃO FUNCIONAM AUTOMÁTICAMENTE
FLASH - DREAMWEVER |
Flash & ActionScript |
xeno
|
|
|
|
|
verifica a existência de unidade
|
Repositório de Códigos |
xanburzum
|
|
|
|
|
iPhone ganha aplicativo que ajuda a identificar parceiros honestos
|
Notícias |
Notícias
|
|
|
|
|
vc repórter: Gmail fica instável e atrapalha usuários
|
Notícias |
Notícias
|
|
|
|
|
alinhamento de tabela 100%x100% não tá funcionando
|
Dreamweaver |
tubadc
|
|
|
|
|
Codificação do CDONTS.NewMail
|
ASP |
TiTi Celestino
|
|
|
|
|
David Cameron qualifica jogo "Angry Birds" como "viciante"
|
Notícias |
Notícias
|
|
Publicidade
|
|