[CSS] Positionnement
Fermé
Visiteur
-
16 août 2012 à 17:26
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 - 16 août 2012 à 17:56
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 - 16 août 2012 à 17:56
A voir également:
- [CSS] Positionnement
- Test de positionnement cesi - Forum Études / Formation High-Tech
- Css lien non souligné - Astuces et Solutions
- Enlever couleur lien css ✓ - Forum CSS
- Test de positionnement greta niveau 5 ✓ - Forum Études / Formation High-Tech
- Test de positionnement afpa ✓ - Forum Études / Formation High-Tech
1 réponse
@lobotomix:~# rm -rf *\
Messages postés
1392
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
208
16 août 2012 à 17:56
16 août 2012 à 17:56
Bonjour, Voila comment j'ai fait
<!DOCTYPE html>
<html>
<head>
<title>tableau</title>
<meta charset="UTF-8" />
<style type="text/css">
html, body {
width: 100%;
height: 100%
}
#conteneur {
width: 100%;
height: 100%;
border: 4px black solid;
padding: 3px;
background-color: blue;
}
nav {
border: 4px black solid;
height: 100px;
background-color: yellow;
width: 32%;
}
#bloc1 {
border: 4px black solid;
height: 100px;
background-color: green;
width: 32%;
position: relative;
bottom: 37px;
}
#bloc2 {
border: 4px black solid;
height: 100px;
background-color: pink;
width: 32%;
position: relative;
bottom: 37px;;
}
div, nav {
display: inline-block;
}
</style>
</head>
<body>
<div id="conteneur">
<nav>
<p>
lien bidon
<br />
lien bidon
<br />
lien bidon
</p>
</nav>
<div id="bloc1">
<p>
un peu de contenu
</p>
</div>
<div id="bloc2">
<p>
un peu de tout et n'importe quoi
</p>
</div>
</div>
</body>
</html>
</body>
</html>
