[Problème] Besoin d'aide sur mon CSS pour afficher le site en plein page

[odecharette]

Bonjour !

J'aimerai faire appel à vos talents pour 2 problème liés au design de mon site.
Voir la page d'acceuil : http://odecharette.xlphp.net

1/ Comment enlever l'espace libre en haut, au-dessus du bandeau bleu ?

2/ Comment afficher le site sur toute sa largeur, en enlevant les marges grises sur le côté ?

Je poste un extrait de mon CSS ci-dessous

Par avance MERCI beaucoup !!!

/* Main Layout */
html {height: 100%;}
body { font:normal 13px/1.8em Arial, Helvetica, sans-serif; color:#555; }
body.contentpane { background:#fff;}
.background {position: absolute;width: 100%; background:#eaeaea url(../images/bg.jpg) 0 0 repeat-x}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:bold; color:#134E8B;font-family:Arial, Helvetica, sans-serif;}
.componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
h1{font-size:25px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:12px;}
a {color: #134E8B;text-decoration:none;}
a:hover {color:#093460;text-decoration: underline;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}
blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}

/* Header */
#header { background:url(../images/header.png) top center no-repeat; position:relative; height:120px; width:960px; margin:0 auto; border-bottom:1px solid #3076A6}
#header-w {position:relative;}
.top {color:#fff;width:450px;overflow:hidden; padding:20px 0 0 0; margin:0 0 0 500px;z-index:1;}
.top a {color:#fff; text-decoration:underline}
.logo { position:absolute; top:30px; left:30px; color:#fff;}
#slide-w { margin:0; padding:0; background:#EAEAEA url(../images/bg.png) 0 0 repeat-x; border-bottom:1px solid #d6d6d6;border-top:1px solid #f5f5f5;}
#slide { width:960px; margin:0 auto;}

[Grand Schtroumpf]

Re : Besoin d'aide sur mon CSS pour afficher le site en plein page

Bonjour,
pour travailler sur le CSS, il faut commencer par s'outiller : installe Firebug sous Firefox, puis fais un clic droit sur le bandeau bleu, inspecter un élément.
Un volet s'ouvre : à gauche la structure de la page, à droite le CSS qui s'applique. Passe ta souris à gauche sur les div et les span, tu verras sur la page les bloc ce surligner en bleu ciel, et les styles bouger à droite. Tu devrais trouver une boite avec un margin-top:20px, c'est le coupable.

Avec le même outil tu vas trouver des boites qui portent un width:960px, que tu peux essayer de remplacer par un width:100% ou 99% (tu peux même le tester directement sous FB). Mais après tu auras le problème des largeurs des images à traiter.

Un beau template fixe, c'est très bien ausssi

[odecharette]

Re : Besoin d'aide sur mon CSS pour afficher le site en plein page

Super ! Je vais essayer ca.

C'est justement un bel outil pour gérer le CSS qui manquait à ma collection

Je test et viendrai confirmer si c'est bon

Merci beaucoup !

[odecharette]

Re : Besoin d'aide sur mon CSS pour afficher le site en plein page

Ca marche impec !!!
C'est tellement facile quand on a les bons outils !

Merci beaucoup