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

DiguiVirus

[Resolvido] Erro com CSS no firefox

4 mensagens neste tópico

Boas! Não percebo porquê mas este código funciona direitinho no ie e não ff.

Template.html:

<html>
<head>
<title>Template 1</title>
<link rel="stylesheet" href="stylesheet.css" media="screen">
</head>
<body>
<br />

<div id="base" >

<div id="header">


</div>

<div id="menu" >
<br />
<h1>Menu</h1>

<ul id="menu">
<li><a href="#">. Home</a></li>
<li><a href="#">. Link 1</a></li>
<li><a href="#">. Link 2</a></li>
<li><a href="#">. Link 3</a></li>
<li><a href="#">. Link 4</a></li>
<li><a href="#">. Link 5</a></li>
<li><a href="#">. Link 6</a></li>
<li><a href="#">. Link 7</a></li></ul>

<h1>Contact</h1>
<h2>E-mail:
<br />
truemaker@hotmail.com
</h2>
</div>
<div id="prin">
<br /><h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dictum eros quis nisi. In convallis vulputate quam. Nullam et ipsum. Proin quam neque, ultrices sed, porttitor quis, pharetra ac, magna. In laoreet libero non arcu. Praesent turpis libero, eleifend ut, sollicitudin consequat, blandit at, urna. Proin turpis pede, pellentesque non, laoreet in, hendrerit vitae, lacus. Suspendisse potenti. Sed tincidunt. Nulla auctor purus a dolor. Morbi id est in mi pulvinar viverra. Fusce libero. In hac habitasse platea dictumst. Sed aliquam molestie velit. Praesent hendrerit est ac elit.</p>
<p>Integer eu est ut dolor convallis suscipit. Proin neque. Vivamus augue. Curabitur luctus dictum quam. Integer pretium elit sit amet erat. Morbi congue dolor in diam. Phasellus diam. Suspendisse quis magna. Nulla metus ante, dictum nonummy, tempus vel, mattis ut, turpis. Vestibulum blandit, ipsum eu rhoncus ultricies, ipsum orci lobortis dolor, vel commodo elit dolor vel quam. Donec in velit vel tortor viverra varius. Quisque vel ipsum. Aliquam erat volutpat. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc a nunc in libero consequat aliquam. Sed pellentesque vulputate ante. </p>

<h1>Nam sed pede</h1>
<p>Nam sed pede ac risus malesuada pretium. Nulla nulla mauris, placerat sit amet, pulvinar quis, sollicitudin id, nisi. Ut sapien. Vivamus libero erat, blandit sed, consequat quis, cursus id, velit. Donec quis mi gravida massa semper feugiat. Nam eleifend diam et nulla. Quisque scelerisque, libero id ornare mollis, erat metus molestie quam, vitae fringilla felis neque a neque. Nulla laoreet. Aenean ultricies. Cras sem nisi, dapibus id, elementum vitae, fermentum eu, dolor. Ut nibh ante, condimentum ultrices, commodo a, ornare vitae, elit. Praesent vel turpis. Donec viverra. </p>
<br />
</div>





<div id="footer">

<b>Design by: Diogo Pinto © Remove credits: truemaker@hotmail.com</b>

</div>

</div>

</body>
</html>

Stylesheet.css:

body 	{
margin:0;
padding:0;
border:none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-image: url(back.png);
background-repeat: repeat;
color:#000000;
text-align:center;
}

#base 	{

width: 650px;     
margin: 0 auto;
text-align: left;
border: 1px solid #000000;
background-color: #FFFFFF;
overflow:hidden;
}

#header {
background-image: url(logo.png);
height:100px;
text-align: right;
font-size: 30px;
border-bottom:1px solid #c30;
text-decoration: none;
}

#menu	{
float: right;
width: 198 px;

}


#prin 	{
	overflow:hidden;
float: left;
width: 450px;
background-image: url(esq.png);
background-repeat: no-repeat;
      	}

#footer {
clear:both;
text-align:center;
border-top:1px solid #c30;
padding: 1 1 1 1 px;
}

#prin * {
padding: 0 20 px;
}

#menu * {
padding: 0 8 px;
}


h1 {
font-size: 16 px;
text-decoration: strong;
}

h2 {
font-size: 11 px;
text-decoration: none;
}

#menu ul {
text-align: right;
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
border-bottom: 1px solid #f00;
margin: 0;
}

#menu li a {
font-weight:bold;
color: #000000;
text-decoration: none;
}

#menu li a:hover {
color: #cbcbcb;
text-decoration: strong;
}

#header a {
text-decoration: none;
color: #000000;
}

</style>

Alguém pode ajudar? Por favor, não copiem, sei que alguns fazem melhor, mas programar isto de raíz, deu-me um pouco de trabalho... :biggrin:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

experimenta assim:

body 	{
margin:0;
padding:0;
border:none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-image: url(back.png);
background-repeat: repeat;
color:#000000;
text-align:center;
}

#base 	{

width: 650px;     
margin: 0 auto;
text-align: left;
border: 1px solid #000000;
background-color: #FFFFFF;
overflow:hidden;
}

#header {
background-image: url(logo.png);
height:100px;
text-align: right;
font-size: 30px;
border-bottom:1px solid #c30;
text-decoration: none;
}

#menu	{
float: right;
width: 198px;

}


#prin 	{
	overflow:hidden;
float: left;
width: 450px;
background-image: url(esq.png);
background-repeat: no-repeat;
      	}

#footer {
clear:both;
text-align:center;
border-top:1px solid #c30;
padding:1px;
}

#prin * {
padding: 0 20px;
}

#menu * {
padding: 0 8px;
}


h1 {
font-size: 16px;
text-decoration: strong;
}

h2 {
font-size: 11px;
text-decoration: none;
}

#menu ul {
text-align: right;
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
border-bottom: 1px solid #f00;
margin: 0;
}

#menu li a {
font-weight:bold;
color: #000000;
text-decoration: none;
}

#menu li a:hover {
color: #cbcbcb;
text-decoration: strong;
}

#header a {
text-decoration: none;
color: #000000;
}

PS: tens outro erro "text-decoration: strong;" não existe. existe sim, text-weight:bold

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu já tinha experimentado o overflow mas só na camada menu e não tinha funcionado... Não é que agora vou a tentar por isso a funcionar, e realmente funciona?! Meu deus, como me poupaste trabalho agora! Muito obrigadíssimo!

Um abraço ;D

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