Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, sou novo aqui e gostaria de uma ajuda de vocês.
estou criando meu site e estava indo tudo perfeitamente, Utilizando o Mozilla.
Porem quando, por curiosidade fui visualizar no I.E 7 a decepção.
Meus menus ficaram desalinhados. Se alguem puder me ajudar ficarei grato.
Obrigado.
<body background="fundo.JPG">
<div id="tudo"> <!-- Engloba todo conteúdo -->
<div id="topo"></div> <!-- Cabeçalho -->
<br>
<div id="menu"> <!-- Menu -->
<h2><b> Site</b></h2>
<ul>
<li> <a href="index.php?area=principal"><b>Principal</a></li>
<li> <a href="index.php?area=contato">Contato</a></li>
</ul>
<h2><b> Escotismo</b></h2>
<ul>
<li> <a href="index.php?area=escotismo">História</a></li>
<li> <a href="index.php?area=dicionario">Dicionário Escoteiro </a></li>
<li> <a href="index.php?area=multimidia">Multímidia</a></li>
<li> <a href="index.php?area=dicas">Dicas Escoteiras</a></li>
<li> <a href="index.php?area=sites">Sites Interessantes </a></li>
</ul>
<h2><b> Grupo</b></h2>
<ul>
<li> <a href="cpg/index.php">Álbum de Fotos </a></li>
<li> <a href="index.php?area=historia">História</a></li>
<li> <a href="index.php?area=diretoria">Diretoria</a></li>
<li> <a href="index.php?area=regulamento">Regulamento</a></li>
<li> <a href="index.php?area=localizacao">Localização</a></li>
</ul>
<h2><b> Lobinho</b></h2>
<ul>
<li> <a href="index.php?area=calendario-lobinho">Calendário</a></li>
<li> <a href="index.php?area=jogos-lobinho">Jogos</a></li>
<li> <a href="index.php?area=membros-lobinho">Membros</a></li>
<li> <a href="index.php?area=programacao-lobinho">Programações</a></li>
</ul>
<h2><b> Escoteiro</b></h2>
<ul>
<li> <a href="index.php?area=calendario-escoteiro">Calendário</a></li>
<li> <a href="index.php?area=jogos-escoteiro">Jogos</a></li>
<li> <a href="index.php?area=membros-escoteiro">Membros</a></li>
<li> <a href="index.php?area=programacao-escoteiro">Programações</a></li>
</ul>
<h2><b> Sênior</b></h2>
<ul>
<li> <a href="index.php?area=calendario-senior"><font class="fade">Calendário</font></a></li>
<li> <a href="index.php?area=jogos-senior">Jogos</a></li>
<li> <a href="index.php?area=membros-senior">Membros</a></li>
<li> <a href="index.php?area=programacao-senior">Programações</b></a></li>
</ul>
<!-- Contador -->
</div> <!-- Fim Menu -->
<div id="conteudo"> <!-- Conteúdo -->
</div> <!-- Fim Conteudo -->
<div id="rodape"><!-- Rodapé -->
<p>
Página Melhor Visualizada em 1024x768
<br>
© 2009 <a href="mailto:marcus.nascimento@oi.com.br" title="Enviar e-mail para Marcus.">Marcus Nascimento</a> | Programador
</p>
</div>
<!-- Fim Rodapé -->
</div> <!-- Fim Tudo -->CSS:
body {
border:1px solid #999;
margin:0; / Para centralizar /
padding:0; / Para centralizar /
text-align:center; / hack para o IE /
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/ Estilo para a div tudo /
#tudo {
background-image:url(Fundo2.JPG);
width: 800px;
height:1024px;/ Estilo para a div topo /
#topo {
width: 800px;
height: 150px;
background-image:url(animekai.jpg);
background-repeat:no-repeat;
}
/ Estilo para a div menu /
#menu {
float: left;
border: #CCCCCC 0.5px solid;
margin:0px;
}
/ Estilo para a div conteudo /
#conteudo {
float: left;
height:800px;
width:650px;border:none;
}
/ Estilo para a div rodapé /
#rodape {
border:none;
width: 800px;
height:0px;
padding: 0px;
clear:both;
}
/ ------------------------------------- Estilo para o menu ----------------------------------------/
h2 {
background-color:#cccccc;
width:130px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
padding: 0;
}
#menu ul {
list-style-type: none;
width:130px;
padding:0;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
margin-top:0px;
}
#menu li {
border: 1px solid #CCCCCC;
}
#menu li:hover {
background-color: #FFFFFF;
}
#menu li a {
font: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}
#menu li a:hover {
color: #FF0000;
}
#menu li a:visited {
}
#menu li a:active {
}
.style1 {
font-size: small;
font-weight: bold;
}Carregando comentários...