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

claudiuh

Problema fundo css

1 mensagem neste tópico

Boas pessoal,

Eu estou com um problema numa template que tou a desenvolver.

Está aqui a screen do site no firefox: http://i40.tinypic.com/10hvm6u.png

No ie o fundo branco vai até ao fim da página mas no firefox não.

HTML:

<html>
<head>
<link type="text/css" rel="stylesheet" href="css.css">
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src="images/home2.png"
}
function mouseOut()
{
document.getElementById("b1").src="images/home.png"
}

function mouseOver2()
{
document.getElementById("b2").src="images/noticias2.png"
}
function mouseOut2()
{
document.getElementById("b2").src="images/noticias.png"
}

function mouseOver3()
{
document.getElementById("b3").src="images/forum2.png"
}
function mouseOut3()
{
document.getElementById("b3").src="images/forum.png"
}

function mouseOver4()
{
document.getElementById("b4").src="images/contactos2.png"
}
function mouseOut4()
{
document.getElementById("b4").src="images/contactos.png"
}
</script>
</head>

<body>
<div class = "wraper">
<div class = "header">
<font align = "left"></font>
</div>
<div class = "header2">
<font align = "left"></font>
</div>
<div class = "banner">
<font align = "left"></font>
</div>
<div class = "menu">
<img onmouseover="mouseOver()"
onmouseout="mouseOut()"  src="images/home.png" id="b1" />
<img onmouseover="mouseOver2()"
onmouseout="mouseOut2()" src="images/noticias.png" id="b2" />
<img onmouseover="mouseOver3()"
onmouseout="mouseOut3()" src="images/forum.png" id="b3" />
<img onmouseover="mouseOver4()"
onmouseout="mouseOut4()" src="images/contactos.png" id="b4" />
</div>
<div class="content">
<br>c
<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c<br>c
</div>
</div>
</body>
</html>

CSS

body
{
background-image:url('images/bg.png');
text-align:center;
margin:0px;
color:white;
height:100%;
}

.header {
    width: 800px;
    height:20px;
    background-image:url('images/header.png');
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

.header2 {
    width: 800px;
    height:30px;
    background-image:url('images/header2.png');
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

.banner {
    width: 800px;
    height:150px;
    background-image:url('images/banner.png');
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

.menu {
    width: 800px;
    height:50px;
    background-image:url('images/menu.png');
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}


.content
{
    position:absolute;
    margin:20px;
}



.wraper {
    width: 800px;
    height:100%;
    background-image:url('images/wraper.png');
    background-repeat:repeat-y;
    margin-left:auto;
    margin-right:auto;
}

Alguém tem alguma solução?

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