Ir para conteúdo

POWERED BY:

Arquivado

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

catarina_-_

[Resolvido] fundo da div nao aparece no FF =/

Por , em Desenvolvimento frontend

Recommended Posts

catarina_-_    0

catarina_-_
Postado

ola rapaziada gente fina, to com um problema aqui no css no FF, no codigo na div do meio de nome CONTEUDO o fundo dela nao preenche na cor que esta no codigo(AZUL) ja no IEs fica normal, ao inves fica da cor do fundo da div GERAL(amarelo), estou case caindo duro aqui 4H da matina =], quem puder dar uma forca ai

 

o negocio era a div conteudo se expandir dependendo do conteudo a se jogar la, ao definir um height para o divconteudo fica normal mais o que eu queria era que ele se expandice por isso nao poderia ser um valor fixo.

 

 

**a div rodape so para dar contraste

** desculpa ai a forma nao muito didatica de explicar

 

[url="http-~~-//december.com/html/4/element/html.html"]<html>[/url]
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]Untitled Document</title>
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
[url="http-~~-//december.com/html/4/element/style.html"]<style>[/url]
* { margin: 0; padding: 0; }
#geral {
background-color: #ffff00;
width: 768px; 
margin: 40px auto; 
}
#topo {
background-color: #ff0000; 
height: 200px;
}
#conteudo {
background-color: #0000ff;
width:768px;
}
div.bemvindo {
float:left;
margin:16px 0 0 25px;
width:450px;
height:38px;
background-color:#FFFFFF;
display:inline; 
}

#rodape {
background-color: #ff00ff; 
height: 195px; 
clear: both; 
} 
</style>

[url="http-~~-//december.com/html/4/element/body.html"]<body[/url] bgcolor="#d4d4d4"> 
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="geral">
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="topo">
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="conteudo">
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="bemvindo">
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="bemvindo">
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="bemvindo">
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="bemvindo">
</div>
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="rodape">
</div> 
</div> 
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

O problema estava no seu CSS e o Firefox estava a interpretar o estili inline.

* { margin: 0; padding: 0; }
body { background-color: #d4d4d4; } 
#geral {
background-color: #ffff00;
width: 768px;
margin: 40px auto;
height: 100%;
}
#topo {
background-color: #ff0000;
height: 200px;
}
#conteudo {
background-color: #0000ff;
width:768px;
float: left;
}
div.bemvindo {
float:left;
margin:16px 0 0 25px;
width:450px;
height:38px;
background-color:#FFFFFF;
}
#rodape {
background-color: #ff00ff;
height: 195px;
clear: both;
}
Cumps \o/

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