Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kvg666

[Resolvido] Background DIV não aparece

Por , em Desenvolvimento frontend

Recommended Posts

kvg666    0

kvg666
Postado

Bom dia,

O título já explica tudo. No Dreamweaver o fundo da DIV aparece normalmente mas no IE ou no Firefox não aparece. Se digitar um texto ou por uma imagem que não seja como background aparece normalmente.

 

index

<head>
<link href="divs.css" type="text-css" rel="stylesheet" />
</head>
<body>
<div class="topo"></div>
</body>

divs.css

.topo {
	height:309px;
	width:1024px;
	background-image:url("layout/top.png");
	border:0;
	margin:0;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

kvg666    0

kvg666
Postado

index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>teste</title>
<link href="divs.css" type="text-css" rel="stylesheet" />
</head>
<body>
<div class="topo"></div>
</body>

divs.css

@charset "utf-8";
/* CSS Document */

.topo {
	height:309px;
	width:1024px;
	background-image:url("layout/top.png");,
	background-repeat:no-repeat;
	border:0;
	margin:0;
}

.meio {
	width:1024px;
	height:auto;
	background-image:url(layout/meio.png);
	background-repeat:repeat-y;
}

.rodape {
	width:1024px;
	height:90px;
	background-image:url(layout/rodape.png);
	background-repeat:no-repeat;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Boa tarde,

 

Os erros são provenientes do seu CSS.

 

Citando alguns erros:

 

1 - Não coloque o height:auto; coloque alguma medida (px, em, %) ou defina uma medida para o min-height;

2 - Na classe topo onde você define background-image tem uma virgula a mais no final e não e necessário colocar aspas duplas;

 

Tem mais erros da uma vistoriada que vai rodar tranquilo.

 

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

RafaelNMNM    0

RafaelNMNM
Postado

Além de fazer o que o angelorubin disse.

 

1 - Falta fechar a tag "<html>".

2 - A imagem do ".topo" é uma imagem única que não deve se repetir? Porque no segundo código que você postou, você diz para ela não se repetir "background-repeat:no-repeat;" e no primeiro não.

3 - Sua marcação para o link css está errada, não é assim "type="text-css"" é assim "type="text/css"".

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito