Centrer un site en 1600*1280 ou en 1024*780

Centrer un site en 1600*1280 ou en 1024*780 - HTML/CSS - Programmation

Marsh Posté le 13-11-2007 à 14:47:22    

Bonjour à tous,
Je me trouve face à un problème que je n'arrive pas à surmonter tout seul...
Je dois intégrer un site web en html, le souci est qu'il est composé d'un div gauche comprenant une image, d'un div contenu et d'un div droite contenant une autre image.
Pour l'instant, j'ai fait la mise en page pour du 1600 mais quand on le visionne avec une résolution inférieur, je n'arrive pas a le centrer sur le contenu et perdre des images contenues dans les div
Voici un bout du css:

Code :
  1. #div_gauche {
  2. float: left;
  3. width:318px;
  4. height:1058px;
  5. background: url(./img/bg_g.jpg) no-repeat;
  6. }
  7. #div_center {
  8. float: left;
  9. width:951px;
  10. height:1058px;
  11. background: url(./img/bg_c.jpg) repeat;
  12. }
  13. #div_droite {
  14. float: left;
  15. width:331px;
  16. height:1058px;
  17. background: url(./img/bg_d.jpg) no-repeat;
  18. }


 
Je ne sais pas si j'ai été assez clair, en tout cas merci de votre aide

Reply

Marsh Posté le 13-11-2007 à 14:47:22   

Reply

Marsh Posté le 13-11-2007 à 15:06:32    

N'utilise pas de largeur fixe... mais des pourcentages : width=15% ...
En revanche, je ne sais ce que cela va donner avec tes images.... :pfff:


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 13-11-2007 à 15:23:04    

Je vien de tester avec des pourcentages, mais ca me décale l'image du bord gauche, en assignat le départ de l'image

Code :
  1. background: url(./img/bg_g.jpg) no-repeat top right;

a droite c'est nickel.
Merci à toi dzing35

Reply

Marsh Posté le 13-11-2007 à 17:46:45    

Arf, en fait non c'est pas bon, en mettant en pourcentage, mon div contenu rétreci aussi en fonction de la résolution, alors que je prefererais que sa taille ne change pas...
Mettre une valeur en pixel pour le div contenu et du pourcentage pour le reste... :heink:  

Reply

Marsh Posté le 13-11-2007 à 18:13:41    

Ou pas de width du tout, juste pour celui du contenu...


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 14-11-2007 à 09:29:27    

Excuse moi mais je ne comprends pas ce que tu veux dire

Reply

Marsh Posté le 14-11-2007 à 09:34:19    

Tu ne mets aucune information de largeur sur la conteneur droit et gauche...
Juste un "width" en pixel pour le conteneur centre...


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 15-11-2007 à 10:20:53    

Re,  
cette methode fonctionne pas...
En mettant les images des conteneurs droite et gauche en tant que background dans le css, ils disparaissent completement
En les mettant en tant qu'images dans l'html, le div prends automatiquement le width des images et je me retrouve avec toute la mise en page en vrac
Je sais plus trop quoi faire....

Reply

Marsh Posté le 15-11-2007 à 11:06:15    

Bizarre que ça ne marche pas en background dans la CSS...
Mais bon, le problème, c'est que tu as des images avec une taille bien définie, du coup le passage en 1600 <-> 1024 va tjrs te poser un problème...
Je ne vois pas trop de solution, sinon un expert CSS...


---------------
Fred => http://www.meance.free.fr
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed