• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

GpL

funciona em firefox,nao funciona em i explorer.

4 mensagens neste tópico

Boas , fiz o seguinte layout, sempre a testar com firefox.. quando fui testar com internet explorer vi que estava completamente diferente.. será que me podem ajudar ?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Junta de Freguesia de Maximinos</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="header">
<div id="menu">
<strong><u>Freguesia</u></strong><br>
      <br>
      <a href="index.html">Iníco</a> <br>
      <a href="noticias.html">Notícias</a> <br>
      <a href="historia.html">História</a><br>
      <a href="heraldica.html">Heráldica</a> <br>
      <a href="patrimonio.html">Património</a><br>
      <a href="geografica.html">Geografica</a><br>
      <a href="turismo.html">Turismo</a><br>
      <a href="desporto.html">Desporto</a><br> 
      <a href="educacao.html">Educação</a>
      <br>
      <br>
      <strong><u>Junta</u></strong><br>
      <br>
      <a href="composicao.html">Composição</a> <br>
      <a href="contactos.html">Contactos</a>
</div><div id="content">Página Principal Página Principal Página Principal Página Principal Página Principal Página Principal Página Principal Página Principal 
Página Principal Página Principal Página Principal Página Principal Página Principal Página Principal 
Página Principal Página Principal Página Principal Página Principal Página Principal Página Principal </div></div>
</div>
</body>
</html>

body {
background:url('images/bg.jpg') repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
}

#container {
background: #ffffff;
width: 726px;
height: 800px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border-left: solid 3px #0476da;
border-right: solid 3px #0476da;
border-bottom: solid 3px #0476da;
border-top: solid 3px #0476da;
text-align:left;
}
#header {
background:url('images/header.jpg') no-repeat top left;
height: 100px;
width: 725px;
}
#menu {
width: 130px;
height: 500px;
padding: 150px 0px 0px 20px;
color: #0476da;
text-align:left;
}
#menu a{
color: #0476da;
text-decoration: none;
}
#menu a:hover{
color: #005098;
}
#content {
left:150px;
top:-490px;
width:460px;
height:550px;
text-align:left;
position:relative;
}

Cumprimentos,

Luis Macedo

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o problema está porque só estás a fechar a div header depois da content... finaliza-a antes de iniciares a div menu e fica bem...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Coloca um DOCTYPE válido para o tipo de documento que tás a usar (HTML, XHTML, etc.). Se calhar vai berrar-te o layout mais ainda (da maneira que está), mas ao menos ficas com o box model igual em todos os browsers, o que já ajuda muito para resolver problemas de layout. Depois, é uma questão de ires acertando as coisas.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora