[CSS] Problème d'alignement de division
Résolu/Fermé
Orodrake
Messages postés
22
Date d'inscription
jeudi 8 novembre 2012
Statut
Membre
Dernière intervention
12 janvier 2016
-
Modifié par Orodrake le 6/01/2015 à 17:08
Orodrake Messages postés 22 Date d'inscription jeudi 8 novembre 2012 Statut Membre Dernière intervention 12 janvier 2016 - 9 janv. 2015 à 14:09
Orodrake Messages postés 22 Date d'inscription jeudi 8 novembre 2012 Statut Membre Dernière intervention 12 janvier 2016 - 9 janv. 2015 à 14:09
A voir également:
- [CSS] Problème d'alignement de division
- Division en c - Forum C
- Taille bouton css - Forum HTML
- Division euclidienne ti 83 - Forum calculatrices
- Microsoft skype division - Télécharger - Téléphonie & Visio
- Css retour à la ligne - Forum CSS
4 réponses
Salut je t'ai fait un petit truc ça marche bien ! ;) Teste le !
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
top: 0;
}
.entete1 {
padding: 0;
top: 0;
background:orange;
height:200px;
width:100%;
}
.corps {
background:darkgrey;
height:600px;
width:100%;
}
</style>
</head>
<body>
<div class="entete1">MON ENTETE</div>
<div class="corps">MON CORPS (html hein)</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
top: 0;
}
.entete1 {
padding: 0;
top: 0;
background:orange;
height:200px;
width:100%;
}
.corps {
background:darkgrey;
height:600px;
width:100%;
}
</style>
</head>
<body>
<div class="entete1">MON ENTETE</div>
<div class="corps">MON CORPS (html hein)</div>
</body>
</html>
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
6 janv. 2015 à 17:27
6 janv. 2015 à 17:27
Bonjour,
C'est classique quand on joue avec des marge.
Ajoute un
au code CSS
Pourquoi des valeur de 9999rem ?
C'est classique quand on joue avec des marge.
Ajoute un
body {
overflow-x:hidden
}
au code CSS
Pourquoi des valeur de 9999rem ?
Orodrake
Messages postés
22
Date d'inscription
jeudi 8 novembre 2012
Statut
Membre
Dernière intervention
12 janvier 2016
15
7 janv. 2015 à 09:23
7 janv. 2015 à 09:23
J'ai ajouté le overflow-x hidden dans mon body mais ça n'a rien changé, cela a juste caché ma barre défilement en bas.
Et je ne sais pas vraiment pourquoi j'ai mis 9999rem, je l'ai juste copié-collé sur un site qui expliquait comment coller une div sur les côtés !
Et je ne sais pas vraiment pourquoi j'ai mis 9999rem, je l'ai juste copié-collé sur un site qui expliquait comment coller une div sur les côtés !
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
Modifié par inspiring le 7/01/2015 à 10:46
Modifié par inspiring le 7/01/2015 à 10:46
je l'ai juste copié-collé sur un site
Ben si il y a bien un truc à ne pas faire, c'est copier/coller un code que l'on à pas compris :)
en gros, un padding de 9999rem ajoute des marge de 16000 pixels à l'élément.
A moins que tu cibles des visiteurs ayant un écran de plus de 33000 pixels de large :o , ca ne sert à rien
si tu veux faire un bandeau en haut, tu fais :
HTML
CSS
Ecrit et assumé par Inspiring - copyright 2009-2014
Ben si il y a bien un truc à ne pas faire, c'est copier/coller un code que l'on à pas compris :)
en gros, un padding de 9999rem ajoute des marge de 16000 pixels à l'élément.
A moins que tu cibles des visiteurs ayant un écran de plus de 33000 pixels de large :o , ca ne sert à rien
si tu veux faire un bandeau en haut, tu fais :
HTML
<body> <div class="wrap"> <div class="bandeau"><h4>mon bandeau</h4></div> </div> ...
CSS
.wrap {position:relative; height:50px}
.bandeau {position:absolute; right:0; left:0; background:#ddd; text-align:center;height:50px}
Ecrit et assumé par Inspiring - copyright 2009-2014
9 janv. 2015 à 14:09
Ça fonctionne :)