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

schpeuuuhhh

Nouveau membre
#1
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!
 

allstar27

Grand Maître
#2
Bonjour,

Tu crée un conteneur d'une taille fixe et tu lui donne une marge auto gauche et droite!
 

schpeuuuhhh

Nouveau membre
#3
bonsoir et merci pour ta réactivité..
comment un conteneur se traduit-il en terme de code ?est ce une Div ?
 

allstar27

Grand Maître
#4
Meilleure réponse
Oui exemple:

[cpp]<div id="conteneur">
le contenenu
</div>[/cpp]

css:
[cpp]#conteneur {
margin: 0 auto;
width: 800px;
background: #ffffff;
overflow: auto;
}[/cpp]


 

schpeuuuhhh

Nouveau membre
#5
puis je te montrer mon code ?
 

schpeuuuhhh

Nouveau membre
#6
parce qu'en regardant de plus près, j'en rigole moi même...il y a comme des incohérences.....
 

schpeuuuhhh

Nouveau membre
#7
bon, ok, je poste , comme ca c'est fait :



Code:
<style type="text/css">

body {
	background-color: #000;
	background-image: url();
	background-repeat: no-repeat;
	background-position: top center;
	width: auto;
	height: auto;
}

body,td,th {
	
	font-size: 12px;
	color: #FFF;
	
}

#apDiv1 {
	position:absolute;
	left:48px;
	top:469px;
	width:249px;
	height:258px;
	z-index:1;
	visibility: visible;
	overflow-y: scroll;
	text-align: left;
}

body p {
	text-align: center;
}
</style>
</head>
<body>

<div id="background"><img src="Image/background.gif" alt="background" width="1024" height="768" /></div>

<div style="position: absolute; top: 261px; left: 340px; width: 559px; height: 350px">
<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" />
</div>

<div id="player" style="position: absolute; top: 256px; left: 45px; width: 253px; height: 187px; visibility: visible;"high" play="false"">
<object data="PlayerPlaylist.swf" type="application/x-shockwave-flash" width="253" height="184" id="player1" allowscriptaccess="always" allowfullscreen="true">
<param name="movie" value="OriginalMusicPlayerPlaylist.swf" /><param name="FlashVars" value="playlistXmlPath=playlist.xmlSize=large&firstColor=ffffff&secondColor=CCCCCC&backColor=000000&strokeColor=ffffff" />
</object>
</div>

<div id="apDiv1">
 MON TEXTE
</div>

</body>
</html>
 

schpeuuuhhh

Nouveau membre
#8
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 ^_^.

 

schpeuuuhhh

Nouveau membre
#9
Meilleure réponse sélectionnée par schpeuuuhhh.
 

santacruzabel9

Nouveau membre
#10
tout s'affiche en grand lorsque j'ouvre mes navigateurs donc j'aimerais savoir comment regeler ce probleme sur une nouvelle installation de windows 7
merci d'avance
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Staff en ligne
  • Eldarium
    Modo d'Inde Rond
Membres en ligne
  • Eldarium
  • Bapt2001
  • vaelis
Derniers messages publiés
Statistiques globales
Discussions
864 957
Messages
8 053 560
Membres
1 575 441
Dernier membre
unequestionneuse???
Partager cette page
Haut