[Resolvido] Problema com floats
Galera, eu tava fazendo o layout, e depois de quase todo pronto, agora que eu fui em dar conta que a propriedade float, esta realmente flutuando, ou seja, ficando em cima da outra div. E isso está me atrapalhando.
Como resolver o problema abaixo: Quando voces verem aí o codigo aí no browser, vai ter 4 divs. 2 estaram flutuando 1 para a esquerda e a outra para a direita dentro da div azul, só que essa div azul irá servir como conteudo, no caso quando eu coloco o conteudo(div branca), na div do conteudo(div preta), ela fica por tras da div flutuando.
Aí o codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">* {
margin: 0px;
padding: 0px;
list-style: none;
text-decoration: none;
}div {
border: red solid thin;
}
#black {
background-color: black;
width: 200px;
height: 50px;
float: right;
}
#green {
background-color: green;
width: 200px;
height: 50px;
float: left;
}
#geral {
width: 960px;
height: 800px;
margin: 0px auto;
background-color: yellow;
}
#blue {
background-color: blue;
height: 300px;
}
</style>
</head>
<body>
<div id="geral">
<div id="green"></div>
<div id="black"></div>
<div id="blue"><div style="background-color: white; width: 120px; height: 60px;"></div></div>
</div>
</body>
</html>Discussão (7)
Carregando comentários...