[CSS] Petites questions diverses et problèmes sur les css » Programmation » FH

Vous devez vous connecter pour répondre au topic.

[CSS] Petites questions diverses et problèmes sur les css

Woofy
Pour les bons tuyaux me demander

Messages : 26 018
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté

Posté le 17 septembre 2005 - 22 h 52 m 25 s

Bon je suis en train de faire le gabarit de mon site, et j'aimerais le faire au maximum en css.
La y a un ptit truc que je comprend pas : j'ai mis une propriété align=center a une div qui englobe tout le body... ca marchait pas avec le body, sauf si je lui met une propriété text-align:center. Mais ca va tout centrer si je fait ca ?
Bon l'autre problème que j'ai, c'est que je veut charger une image a partir de la css en background. Bien évidemment, il ne me la centre pas. Pire encore, le texte que j'ai dans cette div est centré sur firefox, mais pas sur IE.

Donc comment ca marche un peu l'héritage, et comment est-ce que je peut faire pour faire mon truc correctement ?

mon html :

Code

 1. <body>
 2.       <div id="all" align="center">
 3.            <div id="bandeau">
 4.                 <img src="<? echo $skin; ?>/img/bandeau.<? echo $img_extension; ?>"/>
 5.            </div>
 6.            <div id="menu">
 7.                 <div id="entetemenu">
 8.                      Menu
 9.                 </div>
10.            </div>
11.       </div>
12. </body>

css :

Code

 1. body
 2. {
 3.     background-color:#384594;
 4.     text-align:center;
 5.     font-size: 11px;
 6.     color: #ffffff;
 7.     font-family: Verdana, Arial, Helvetica, sans-serif;
 8.     margin-left:0;
 9.     margin-right:0;
10.     margin-top:0;
11.     margin-bottom:0;
12. }
13. 
14. #all
15. {
16.     text-align:center;
17. }
18. #menu
19. {
20. //    position:relative;
21. //    left:-320px;
22. }
23. 
24. #entetemenu
25. {
26.     background: url(../img/entete.png) no-repeat top left;
27.     width=160px;
28.     height=20px;
29. }

Mon gabarit fait 800px de large, et je veut mettre mon menu a gauche (donc un décalage sur la gauche de 320px a partir du centre).

Totalement inutile, donc completement indispensable

Woofy
Pour les bons tuyaux me demander

Messages : 26 018
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté

Posté le 20 septembre 2005 - 05 h 35 m 29 s

Résolu avec le site alsacréation.
Mon css (enfin une partie) :

Code

 1. #all
 2. {
 3.      position: absolute;
 4.      width: 800px;
 5.      left: 50%;
 6.      margin-left: -400px;
 7. }
 8. #menuleft
 9. {
10.     position:absolute;
11.     left:0;
12.     width:160px;
13. }
14. 
15. #menuright
16. {
17.     position:absolute;
18.     right:0;
19.     width:160px;
20. }
21. 
22. #pageprincipale
23. {
24.     text-align:center;
25.     position:absolute;
26.     left:160;
27.     width:480px;
28.     margin:5px;
29. }

le html :

Code

 1. <div id="all">
 2. <div id="menuleft">
 3.                 <div id="entetemenu">
 4.                 </div>
 5.                 <div id="corpsmenu">
 6.                 </div>
 7.                 <div id="entetelastajouts">
 8.                 </div>
 9.                 <div id="corpslastajouts">
10.                 </div>
11.            </div>
12.            <div id="menuright">
13.                 <div id="entetecompte">
14.                 </div>
15.                 <div id="corpscompte">
16.                 </div>
17.                 <div id="enteteajouter">
18.                 </div>
19.                 <div id="corpsajouter">
20.                 </div>
21.            </div>
22.            <div id="pageprincipale">
23.            </div>
24. </div>

Totalement inutile, donc completement indispensable

Haut de page

Page genérée en 0.5444 secondes par RahForum 2.0 | Gzip off | Stats | Metaforums | RSS