Guide informatique hardware En1heure.com
Articles phares : Quelle alimentation PC | Choisir son ecran LCD PC

Chercher un sujet :

Centrage de site.

Support HTML / XHTML / CSS et validation de vos sites aux standards du Web.

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Sam Avr 03, 2004 10:12 am

Bon, toujours dans mon optique de passer mon site en xhtml...

Pour faire un site en taille horizontale fixe et centré, comment qu'on fait ? C'est quoi l'équivalent de <table align="center"> ? Sur un <div> ?

C'est à moitié chaud le centrage en css !

Ce serait pour ca que bon nombre de site (genre voila.fr) sont en 800px aligné a gauche ? ce que je trouve moche.

David
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Centrage de site.MessagePosté: Sam Avr 03, 2004 10:52 am

Pour centrer verticalement en un div CSS il suffirait, si Internet Explorer n'existait pas (ce qui serait un plus pour tout le monde) de faire ceci :
Code: Tout sélectionner
.div_a_centrer {
margin-left:auto;
margin-right:auto;
}

Ce code fonctionne sur tous les vrais navigateurs. Par contre pour IE il faut procéder ainsi :
Dans le CSS :
Code: Tout sélectionner
body {
(ici les propriétés du body)
text-align:center; /* c'est cette ligne qui fait tout */
}

.div_a_centrer {
text-align:left; /* Ici on réaplique l'alignement à gauche */
}

C'est stupide mais c'est IE ^^

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Sam Avr 03, 2004 11:02 am

Nickel. Merci m'sieur :^^:

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Jeu Avr 08, 2004 1:37 pm

Bon, tout marchait nickel sur tous les nav.... Mais j'avais oublié de faire des tests en 800x600. La, ca passe sous IE mais pas sous tous les autres navs où ils me décalent certains de mes divs :?
Pourquoi docteur ? Une idée ?

div#barre {
background-color: #000000;
width: 875px;
height: 16px;
padding-top: 2px;
font-size: 8pt;
color: #FFFFFF;
text-align:right;
margin-left:auto;
margin-right:auto;
}


Décalé à gauche et bouffé d'ailleurs, on voit pas tout

div#navigation {
width: 871px;
border-left:solid 2px #000000;
border-right:solid 2px #000000;
height: 35px;
padding-top: 18px;
text-align:left;
margin-left:auto;
margin-right:auto;
}


Nickel.

C'est bizarre quand même !!!

url : -www.ideezik.com/v2

David
Centrage de site.MessagePosté: Jeu Avr 08, 2004 1:59 pm

La seule différence que je vois entre les divs qui marchent et ceux qui marchent pas c'est le background.
Dans tous ceux qui marchent pas y'a un background-color ou un background-image

Ce serait ca qui poserait pb ?

David
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Centrage de site.MessagePosté: Jeu Avr 08, 2004 2:49 pm

N'oublies pas de te logger quand tu postes ;)
Tu devrais "englober" tout les <div> dans un seul bloc, par exemple :
Code: Tout sélectionner
<div class="conteneur">
<div class="header"></div>
<div class="contenu"></div>
<div class="footer"></div>
</div>

et ne centrer que le conteneur. Le contenu sera forcément centré :P

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Jeu Avr 08, 2004 3:46 pm

J'ai trop pas l'habitude de pouvoir poster en invité sur un phpBB !!! Sorry.... Je vais tenter de mettre tout dans un <div> parce que là, je comprends pas tout...

David

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Jeu Avr 08, 2004 4:11 pm

Résultat des courses...

Code: Tout sélectionner
div#site {
  width: 875px;
  padding: 0px;
  /*margin-left:auto;
  margin-right:auto;*/
}


Quand je fais ca... Il coupe la partie gauche du site (pour que ca fasse 800px apparemment) ! Si je mets les margin en commentaires ca passe. C'est quoi ce délire ? Moi je lui ai jamais demandé de couper quoi que ce soit !
Une solution, une idée ?

David

Messages: 99
Inscription: Mer Avr 07, 2004 4:14 pm
Localisation: Mâcon
Centrage de site.MessagePosté: Jeu Avr 08, 2004 4:22 pm

aucune idée, pis c'est dur de s'imaginer ce qui pourrais ne pas aller... j'ai du mal personelement lol ;)

sinon, un bon tit mais simple :

Code: Tout sélectionner
#site { .... }


suffit amplement, sachant que le caractere dièse (#) ne se met que pour un id(entificateur) qui est rappelons le, unique, c.à.d. que rien d'autre ne pourra avoir un id site, contraiment au class...


je ne t'embrouille pas trop :p ?

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Centrage de site.MessagePosté: Jeu Avr 08, 2004 4:28 pm

Non, ca c'est bon j'ai saisi ! Mais je trouve que ca fait joli les div#header ! :^^:
Faut absolument que je trouve pour le margin auto qui coupe ma page, c'est vraiment étrange !!!

David
Suivante

Retourner vers HTML / XHTML / CSS



Chercher un sujet :


cron