Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Problème de div et de background

Dernière réponse le 9 aoû 2009 à 15:10:02 Lloyd_, le 9 aoû 2009 à 05:01:56

Signaler ce message aux modérateurs

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;
}

Configuration: Windows Vista
Google Chrome

Meilleures réponses pour « Problème de div et de background » dans :

[CSS] div et persistance background Voir

Problème de background-image sur Mozilla (Résolu) Voir

Probleme avec background image et <div> (Résolu) Voir

Créer une DIV avec transparence VoirLes DIV transparents en CSS Vous voulez rendre une DIV transparente ? Rien de plus simple, il suffit d'utiliser une des techniques CSS suivantes : Rendre le DIV ainsi que le contenu transparent Le div lui même sera transparent, mais aussi...

Background, hauteur s'adapte au contenu Voir

[HTML/JavaScript] Couleur de fond dynamique Voir

[css] valeur no-repeat Voir

Posez votre question Répondre

Anonym€, le 9 aoû 2009 à 09:49:43

Tu veux faire quoi exactement avec ton code ?

Répondre à Anonym€

Lloyd_, le 9 aoû 2009 à 12:51:44

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.....

Répondre à Lloyd_

Anonym€, le 9 aoû 2009 à 15:10:02

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;
}

Répondre à Anonym€

Posez votre question Répondre