Résolu Probleme affichage css dreamweaver: comment centrer page web?

Solutions (8)
Tags :
  • CSS
  • Programmation
|
Bonjour,

je galere pour finir un site que que l'on m'a demandé de creer; une simple page avec un lecteur audio, une video et une zone de texte .

Au final, j'ai pu réunir tous les éléments mais j'arrive pas a centrer le tout.

Je suis carrément novice et j'ai besoin d'aaaiiiiiiidddeeeee/ ca presse svp!
Contenus similaires
Meilleure solution
partage
|
Oui exemple:

  1. <div id="conteneur">
  2. le contenenu
  3. </div>


css:
  1. #conteneur {
  2. margin: 0 auto;
  3. width: 800px;
  4. background: #ffffff;
  5. overflow: auto;
  6. }



  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par schpeuuuhhh.
  • Commenter cette réponse |
Score
0
òh
òi
|
c'est bon, c'est nickel, ca fonctionne tres bien....j'ai suivi ton conseil apres avoir posté le code.

J'ai donc mis tous les elements dans un Div"conteneur" et ajuster ma largeur width à 1024.

Probleme RESOLU!!!

Un GRANDGRAND merci à toi ALLSTAR27 ^_^.

  • Commenter cette réponse |
Score
0
òh
òi
|
bon, ok, je poste , comme ca c'est fait :



  1. <style type="text/css">
  2.  
  3. body {
  4. background-color: #000;
  5. background-image: url();
  6. background-repeat: no-repeat;
  7. background-position: top center;
  8. width: auto;
  9. height: auto;
  10. }
  11.  
  12. body,td,th {
  13.  
  14. font-size: 12px;
  15. color: #FFF;
  16.  
  17. }
  18.  
  19. #apDiv1 {
  20. position:absolute;
  21. left:48px;
  22. top:469px;
  23. width:249px;
  24. height:258px;
  25. z-index:1;
  26. visibility: visible;
  27. overflow-y: scroll;
  28. text-align: left;
  29. }
  30.  
  31. body p {
  32. text-align: center;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37.  
  38. <div id="background"><img src="Image/background.gif" alt="background" width="1024" height="768" /></div>
  39.  
  40. <div style="position: absolute; top: 261px; left: 340px; width: 559px; height: 350px">
  41. <embed src="fichier.swf" width="556" height="355" allowscriptaccess="always" allowfullscreen="true" flashvars="height=355&width=550&file=mavideo.flv&volume=50&searchbar=false&showstop=true&showdownload=true" />
  42. </div>
  43.  
  44. <div id="player" style="position: absolute; top: 256px; left: 45px; width: 253px; height: 187px; visibility: visible;"high" play="false"">
  45. <object data="PlayerPlaylist.swf" type="application/x-shockwave-flash" width="253" height="184" id="player1" allowscriptaccess="always" allowfullscreen="true">
  46. <param name="movie" value="OriginalMusicPlayerPlaylist.swf" /><param name="FlashVars" value="playlistXmlPath=playlist.xmlSize=large&firstColor=ffffff&secondColor=CCCCCC&backColor=000000&strokeColor=ffffff" />
  47. </object>
  48. </div>
  49.  
  50. <div id="apDiv1">
  51. MON TEXTE
  52. </div>
  53.  
  54. </body>
  55. </html>

  • Commenter cette réponse |
Score
0
òh
òi
|
parce qu'en regardant de plus près, j'en rigole moi même...il y a comme des incohérences.....
  • Commenter cette réponse |
Score
0
òh
òi
|
puis je te montrer mon code ?
  • Commenter cette réponse |
Score
0
òh
òi
|
bonsoir et merci pour ta réactivité..
comment un conteneur se traduit-il en terme de code ?est ce une Div ?
  • Commenter cette réponse |
Score
0
òh
òi
|
Bonjour,

Tu crée un conteneur d'une taille fixe et tu lui donne une marge auto gauche et droite!
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS