Aller au menu - Aller au contenu

Faire une bordure sur le body

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
2 visiteurs sur ce sujet (2 anonymes)
Page 1 
Hors ligne guiguidu42 # Posté le 22/02/2012 à 17:42:15

Bonjour à tous je veux que mon site qui est tout noir soit encadré par une bordure blanchde d'environ 20px;
Le soucis c'est que cela me rajoute toujours des scrollbars verticales et horizontales :/
Le code est pourtant simple :
Code : CSS
1
2
3
4
5
6
7
8
body
{
background-color :  black;
border: 20px solid white;
margin : 0;
height : 100%;
width : 100%;
}

Ca ne marche pas non plus quand je fait un conteneur de 80% en noir et le background-color du body en blanc.
Merci à tous !
Publicité # Posté le 22/02/2012 à 17:42:15

Hors ligne warpShadow # Posté le 22/02/2012 à 17:46:33
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Bonjour,

Enlève ton width (qui ne sert à rien) et ton height (qui ne sert peut-être pas d'avantage), et ça machera tout seul. ;)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 22/02/2012 à 18:11:00

Le width je suis d'accord je l'avais déjà enlevé et en effet ça marche beaucoup mieux mais pour le height si je le supprime. Ma bordure vient se coller a mon dernier élément qui n'est pas en bas de la page.Peut-être coller un span vide en bas de la page ?! :p
Hors ligne warpShadow # Posté le 22/02/2012 à 18:12:38
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Sans voir ton site, je ne peux pas te dire...
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 22/02/2012 à 18:36:40

Comme ça me gave de galérer pour faire des choses aussi simple...
J'ai gardé mon height : 100%;
Mais j'ai une scrollbar verticale...
Hors ligne rigs # Posté le 22/02/2012 à 19:16:24
Avatar
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
border s'ajoute a la dimension d'un élément.
Donc en hauteur ton body fait 100%+40px d'ou la scrollbar
Hors ligne guiguidu42 # Posté le 01/03/2012 à 23:24:20

Up s'il vous plaît ! Comment faire une bordure de tout un site de 20 px environ qui s'adapte au design de la page, qui est au minimum a 100% de l'écran( en bonus pas de scrollbar)?
Hors ligne warpShadow # Posté le 01/03/2012 à 23:53:46
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
ne le fais pas ? Ou alors, tu fais une balise qui contient tout, qui fait également une hauteur de 100%, à laquelle tu appliques ta bordure et box-sizing: border-box;.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 02/03/2012 à 00:17:18

C'est pour un client donc c'est embetant de lui dire euuuuh non c'est plus possible ^^
Bon sinon ta propriété est géniale et je te remercie. Maintenant j'ai le choix entre ne pas avoir de scrollbar et sa encadre mal mon contenu ( la border-bottom s'arrette trop tôt -> en fait elle s'arete au bas de la fenetre) OU avoir une petite scrollbar mais que sa suive bien mon contenu (je suis sur un CMS). Une idée ^^ ?
Hors ligne warpShadow # Posté le 02/03/2012 à 00:19:05
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Je ne peux pas tester si je ne vois pas le site, tu peux faire un lien ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 02/03/2012 à 00:24:37

cadeau :p
http://domainedelaverrerie.com/jla/ind [...] id=2&Itemid=2
Hors ligne warpShadow # Posté le 02/03/2012 à 00:41:11
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Il n'y a aucun soucis pour moi. Ta page a un scroll simplement parce que ton écran est trop petit pour l'afficher entièrement... Non ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 02/03/2012 à 00:44:59

exact excuse moi ! va sur la page agenda !
Hors ligne warpShadow # Posté le 02/03/2012 à 00:46:17
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Même chose. Quel est le soucis ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 02/03/2012 à 00:53:40

La scrollbar alors qu' elle pourrait ne pas y être
Hors ligne warpShadow # Posté le 02/03/2012 à 00:55:16
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Chez moi elle n'y est pas.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne guiguidu42 # Posté le 02/03/2012 à 00:59:25

Ok ^^ bah allez j'abandonne merci pour tout !
Hors ligne hotgeart # Posté le 02/03/2012 à 01:13:26
Euh... voila :o)
Avatar
ce n'est pas d'une bordure dont tu as besoin mais une marge.

Tu mets un background white si tu es parano ensuite une div global qui a un margin de 20px et le tour est joué. Après il prendra pas tout le height au début, mais une fois que ton site aura du contenu ça sera le cas ;) .
rencontre ados
 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx