centrer page intro avec toutes résolutionsRésolu/Fermé

Question

Bonjour, 

hé oui encore cette question!! :-)

depuis pas mal de jour, je butte sur ce fameu code :-) 

je voudrai avoir ma page d'intro sans scrollbar horizontale et centrée dans toutes les résolutions confondues voici les codes css dans ma page html (suis novice)

body {
	
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	
}

et mon div principal 

#ddd {
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	 text-align: left;
	width:100%;
	
}

mon div comprends 2 deux images qui peuvent etre coupées et la centrale
voici le lien 
http://www.candlescanaria.com/

merci a vous





Configuration: Windows 7 / Internet Explorer 9.0

Tracker42 · Answer

Salut Peut-être vais-je dire une connerie mais tu affectes des tailles uniques aux colonnes de ton tableau et je pense qu'il serait plus judicieux de les porter en pourcentage car là tu demandes du 1600X938 obligatoire J'avais un souci équivalent que j'ai résolu ainsi. Je mettrai plutôt le tableau général avec pour attribut width=100% ce qui correspond à la taille en largeur de tes 3 images soit 316+974+310=1600 puis - ton 1er td width=20% -ton 2nd td width=61% -ton 3ème td width=19% En clair

Enfin un essaie ne coûte rien... t'as juste à copier coller En revanche, c'est aussi une habitude peut-être sale habitude mais je mets plutôt le après le body et la fin avant le ... J'espère avoir pu t'aider...

lanka133 · Answer

personne :-(

coeus · Answer

Salut,  

Tracker42, je pense que ta réponse est très compliquée pour ce qu'il cherche à faire.  

Le mieux est de faire un CSS en deux étapes :  


body {  
width:100%;  
}  

#ddd {  
width:200px; 
margin: 0 auto;  
}  

Rajoute ensuite des borders, couleurs, paddings et tout autant que tu veux, mais ces trois instructions doivent obligatoirement être là (évidemment, tu donnes le width que tu veux à #ddd)... 

Tu peux aussi rajouter un text-align:center; à #ddd si tu veux réaligner les images qu'elle contient.

Dis-moi si ça t'aide !  
Avant de critiquer quelqu'un, marche un mile dans ses souliers. Comme ça, s'il est enragé par ta critique, il est à un mile de distance et pieds nus.

lanka133 · Answer

rien ne change :-(

body {
	
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
	
}



#ddd {
	width:20px; 
	margin: auto; 
	text-align:center;
	
}

je dois vraiment mal  faire :-(

lanka133 · Answer

jai trouver :-)

code css

body {
	 
	 
 	  text-align: center;
	border:0px;
	  padding: 0px;
      margin: 0px;
      background: #f8f7e5 url(bg.jpg) no-repeat center top;
	  width: 100%;
      display: table;
}
 



    
/* CSS Document */


#flash {
	height: 938px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	
}

Centrer page intro avec toutes résolutions

5 réponses

Discussions similaires

Newsletters