Pb div - html, css
Résolu
yoyo
-
yoyo -
yoyo -
Bonjour à tous,
Voila mon pb : J'ai deux blocs div que je voudrais mettre l'un a la droite de l'autre.
L'un est en bleu et l'autre en rouge, or je me retrouve avec le bleu derrière le rouge et non a coté : du coup on ne voit qu'un petit bout de bleu qui depasse du rouge.
Voici mon code ca sera plus clair :
page HTML :
-------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>exemple</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="body">
<div id="un">
</div>
<div id="deux">
</div>
</body>
</html>
----------------------------------------------------------------
feuille CSS :
-----------------------------------------------------------------
#un{
float: left;
border: 1px solid black;
width: 250px;
height: 100px;
background-color: red;
}
#deux{
border: 1px solid black;
width: 300px;
height: 100px;
background-color: blue;
}
---------------------------------------------------------------------
ca doit etre facile pour qq1 de bon en CSS.
Alors si vous pouviez m'aider ca serait fort sympa !
Merci bcp !!
Voila mon pb : J'ai deux blocs div que je voudrais mettre l'un a la droite de l'autre.
L'un est en bleu et l'autre en rouge, or je me retrouve avec le bleu derrière le rouge et non a coté : du coup on ne voit qu'un petit bout de bleu qui depasse du rouge.
Voici mon code ca sera plus clair :
page HTML :
-------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>exemple</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="body">
<div id="un">
</div>
<div id="deux">
</div>
</body>
</html>
----------------------------------------------------------------
feuille CSS :
-----------------------------------------------------------------
#un{
float: left;
border: 1px solid black;
width: 250px;
height: 100px;
background-color: red;
}
#deux{
border: 1px solid black;
width: 300px;
height: 100px;
background-color: blue;
}
---------------------------------------------------------------------
ca doit etre facile pour qq1 de bon en CSS.
Alors si vous pouviez m'aider ca serait fort sympa !
Merci bcp !!
A voir également:
- Pb div - html, css
- Editeur html - Télécharger - HTML
- Div c++ - Télécharger - Langages
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix