Problème de div et de background
Résolu
Lloyd_
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Voila mon probleme, en dessou de 2 bloc dont l'un est en float right et lautre en left, j'ai creer un bloc div mais quand j'essaye de lui mettre un background, noir par exemple, il se met à partir d'en haut sur le 1er bloc.
Voici le code HTML:
<div class="bloc1"></div>
<div class="bloc2"></div>
<div class="bloc3"></div>
et CSS:
.bloc1
{
float: left
width: 100px;
height: 100px;
}
.bloc2
{
float: right;
width: 100px;
height: 100px
}
.bloc3
{
background:black;
widht: 100px;
height: 100px;
}
Voila mon probleme, en dessou de 2 bloc dont l'un est en float right et lautre en left, j'ai creer un bloc div mais quand j'essaye de lui mettre un background, noir par exemple, il se met à partir d'en haut sur le 1er bloc.
Voici le code HTML:
<div class="bloc1"></div>
<div class="bloc2"></div>
<div class="bloc3"></div>
et CSS:
.bloc1
{
float: left
width: 100px;
height: 100px;
}
.bloc2
{
float: right;
width: 100px;
height: 100px
}
.bloc3
{
background:black;
widht: 100px;
height: 100px;
}
A voir également:
- Problème de div et de background
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Div c++ - Télécharger - Langages
- John's background switcher - Télécharger - Suite bureautique
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- Background color css ✓ - Forum CSS
3 réponses
2 bloc en haut un a gauche un a droite, avec un autre bloc en dessou, mais je ne compren pas pourquoi son background va se coller en haut au lieu de rester a la position du bloc en dessou, ce que je cherche a faire.....
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div class="bloc1"></div>
<div class="bloc2"></div>
<div class="bloc3"></div>
</body>
</html>
CSS :
.bloc1 {
float: left;
background:blue;
width: 100px;
height: 100px;
}
.bloc2 {
float: right;
background:red;
width: 100px;
height: 100px
}
.bloc3 {
clear: both;
height: 100px;
width: 100px;
margin: 0 auto;
background:black;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div class="bloc1"></div>
<div class="bloc2"></div>
<div class="bloc3"></div>
</body>
</html>
CSS :
.bloc1 {
float: left;
background:blue;
width: 100px;
height: 100px;
}
.bloc2 {
float: right;
background:red;
width: 100px;
height: 100px
}
.bloc3 {
clear: both;
height: 100px;
width: 100px;
margin: 0 auto;
background:black;
}
