Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, boa noite
Criei uma página em html+css+javascript, tudo funciona perfeitamente no firefox e no chrome, porém no IE9 os menus ficam todos desalinhados.
Eu não entendo muito de CSS, se alguém puder me ajudar agradeço.
Código HTML+jAVASCRIPT
<html>
<head><title>::::....Voluntários....::::</title>
<link rel="stylesheet" type="text/css" href="design.css" />
</head>
<body onload="IniciaTempo()">
<div id="container">
<div id="header">
<img src="banner1.jpg" name="imagem" id="imagem" height=250 width=960>
<script language="Javascript">
var imagens = new Array();
var imagem_atual = 0;
function IniciaTempo() {
DefineImagem()
tempo_seg = 4
tempo_ms = tempo_seg*1000
timerMudaImagem = setInterval(MudaImagem, tempo_ms)
}
function DefineImagem() {
imagens[0] = "banner1.jpg"
imagens[1] = "banner2.jpg"
imagens[2] = "banner3.jpg"
}
function MudaImagem() {
imagem = document.getElementById("imagem")
if (imagem_atual==3) {
imagem_atual = 0
}
imagem.src = imagens[imagem_atual]
imagem_atual++
}
</script>
</div>
<div id="menu">
<ul>
<li><a href="principal.php">Início</a></li>
<li><a href="quem_somos.html">Quem Somos</a></li>
<li><a href="sejavol.html">Seja um Voluntário</a></li>
<li><a href="bazar.html">Bazar</a></li>
<li><a href="eventosPub.php">Eventos</a></li>
<li><a href="formulario.html">Contato</a></li>
</ul>
</div>
<div id="conteudo">
<FONT face= "Arial " SIZE=4>
Aqui vai o texto
<br><br></font>
</div>
<div id="rodape">
<center><b>
<br>
Todos os direitos reservados!
</b></center>
</div>
</body>
<html>Código CSS:
*{
margin: 0;
padding: 0;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
}font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
#container{
width:950px;
padding: 5px;
margin: 0 auto;
}
#header{
width:960px;
height:250px;#menu{
width:962px;
height:30px;margin-bottom:5px;
margin-top: 3px;
background: #EE0000;
}list-style: none;
}list-style: none;
}float: left;
font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
padding: 5px 41px;
}background:#000000;
color:#FFFF00;
}
#conteudo{
width: 949px;
height: auto;
float: left;
padding: 1px 5px;
border: 1px solid #000;
margin-bottom: 5px;
background-image: url("volcanc.jpg");
background-repeat: no-repeat;
background-position: center;
}
#rodape{
width: 949px;
height: 20px;
}Se alguém puder me ajudar agradeço!
Eduardo
Carregando comentários...