CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Espace à droite ?

Krapoutchniek
Krapoutchniek
Niveau 10
06 mars 2010 à 13:28:08

:salut:

J'ai un petit souci avec mon site : Le corps, la bannière ainsi que le menu font tous 755px de large. Dans ma CSS, j'ai donc :

  1. banniere

{
position : relative;
top : -8px;
width : 755px;
margin-left : auto;
margin-right : auto;
border : none;
}

  1. menu

{
position : relative;
top : -30px;
width : 755px;
color : #FFFFFF;
background-image : URL("graphisme/barre_menu.jpg");
margin-left : auto;
margin-right : auto;
border-style : outset;
border-width : 1px;
border-color : #949494;
}

  1. corps

{
position : relative;
top : -30px;
width : 755px;
height : 900px;
margin-left : auto;
margin-right : auto;
background-image : URL("graphisme/carre_corps.jpg");
color : #000000;
z-index : 1;
border : none;
}

Ce qui aligne donc le site parfaitement au centre du browser, peu importe la résolution. Par contre, il y a aussi un espace vide à droite du site (visible avec la barre de défilement). Il n'y a absolument rien dans cette zone. A quoi cela pourrait-il être dû ? Et surtout, comment l'enlever ? :p

:merci:

El-galactic0
El-galactic0
Niveau 10
06 mars 2010 à 13:51:12

Tu peut nous montrer un screen ?

Krapoutchniek
Krapoutchniek
Niveau 10
06 mars 2010 à 14:02:01

http://www.detecthome.be

C'est plus facile comme ça :p)

Par contre, la première page (avec l'animation) est, elle bien centrée et sans espace...

El-galactic0
El-galactic0
Niveau 10
06 mars 2010 à 14:20:08

Et tu n'a rien mis pour la balise body ?

El-galactic0
El-galactic0
Niveau 10
06 mars 2010 à 14:20:59

body
{
background-color : #B4B4B4;
color : #000000;
font-family : "Myriad Pro", Arial;
font-size : 15px;
width:755px;
}
Esssaye sa

El-galactic0
El-galactic0
Niveau 10
06 mars 2010 à 14:24:32

Remarque: Myriad pro n'est pas disponible chez tout le monde :)

Krapoutchniek
Krapoutchniek
Niveau 10
06 mars 2010 à 14:25:16

J'ai essayé et ça a décallé tout le site sur la gauche (mais ça a supprimé l'espace) oO

En rajoutant un margin : auto; ça revient à la normale mais de nouveau avec l'espace.

Krapoutchniek
Krapoutchniek
Niveau 10
06 mars 2010 à 14:25:44

Pas d'edit >_<

Je sais pour Myriad, c'est pour ça que j'ai ajouté Arial ^^

El-galactic0
El-galactic0
Niveau 10
06 mars 2010 à 14:32:30
  • body

{
background-color : #B4B4B4;
color : #000000;
font-family : "Myriad Pro", Arial;
font-size : 15px;
margin:auto;
width:755px;
}

Essaye ca :)

Krapoutchniek
Krapoutchniek
Niveau 10
06 mars 2010 à 14:35:44

Je reviens au prblème initial :X

WhitesBx
WhitesBx
Niveau 10
11 mars 2010 à 12:16:04

Le problème, c'est la balise width.
Essaye plus ou moins de pixels ( là c'est 755px, essaye 500px, puis 1200, etc... )

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment