Site web adapté aux différentes résolutions écran

Petit nouveau ! | 8 Messages

01 juil. 2010, 14:51

voilà, j'ai configuré mon site pour une résolution de 1680*1050 (résolution de mon ordi). Cependant, j'ai revu la feuille de style css de mon site pour qu'il soit adapté pour différentes résolutions. J'ai mis les positions en pourcentage ainsi que les dimensions et j'ai bien mis un width:100% comme il était conseillé dans certains forums. Cependant, cela ne résout rien. Au changement de résolution, les écritures vont les unes sur les autres et il n'y a que la bannière qui est redimmensionnée (est-ce qu'il faut mettre en pourcentage les écritures j'ai fait ça mais ça change rien).
Ci-joint mon code

Code html
<body>

		<div id='pagePrincipale'>
		<div id="banniere">
			<?php
				
					echo "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' align='center' width='96%' height='26%'>
												<param name='movie' value='".$chemin."'/>
												<param name='quality' value='high'/>
												<param name='menu' value='false'/>
												<param name='wmode' value='transparent'/>
											<EMBED src='".$chemin."' quality='high' bgcolor='#FFFFFF' NAME='banniere' ALIGN='center' width='96%' height='26%' wmode='transparent'
												TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></object>";
					
			?>
		</div>
	
		<div id="partieCentrale">
		
			<div id="menu">
				<?php
					include('menu.php');
				?>
			</div>
			
			<div id="contenu">
				<?php
					$page = $_GET['page'];
					include ( $page.'.php' );
				?>
				
			</div>
			
			<div id="piedPage">
				<?php
					include('piedPage.php');
				?>
			</div>		
		</div>
		
		
		
		<div id="recherche">
			<?php
				if($page!='activMediasTV' && $page!='imoBox' && $page!='recherche')
				{
					include('formRecherche.php');
				}
			?>
		</div>
		</div>
      </body>
Code css
body
{
	background-color:black;
	height:100%;
	behavior:url("css/csshover.htc");
	font-family:Verdana;
	font-size:11pt;
	margin:0;
	padding:0;
	z-index:3;
	color:white;
}

#pagePrincipale
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:1000px;
	min-height:100%;
}

#banniere
{
	width:96%;
}

#partieCentrale
{
	margin-left:auto;
	margin-right:auto;
	width:96%;
	text-align:left;
}

#contenu
{
	position:absolute;
	top:30%;
	left:35%;
	/*min-height:310px;*/
	width:76%;
}

#contenuPage
{
	position:relative;
	top:2%;
	left:2%;
	/*max-width:74%;*/
	min-height:310px;
	text-align:left;
}
 
#menu
{
	text-align:left;
	width:24%;
}

#contenuMenu
{
	color:#ffcc00;
	font-family:Verdana;
	font-size:12pt;
	text-align:top;
	position:absolute;
	top:27%;
	left:22%;
}
Voilà, merki de m'aider, ça fait plusieurs jours que je galère.
Si vous avez également des solutions (autre que faire une feuille de style pour chaque résolution ce qui est impossible), merki.

Eléphanteau du PHP | 14 Messages

01 juil. 2010, 16:09

#pagePrincipale
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:1000px;
min-height:100%;
}

Je pense que si tu change ce width en pourcentage, ça devrait t'aider.

Petit nouveau ! | 8 Messages

01 juil. 2010, 16:21

Merki de ta réponse
J'ai changé le width mai ça ne modifie rien, il y a toujours des chevauchements de texte.
Sur un autre forum, on m'a demandé de mettre en pixels, mai là le même problème, la taille des polices est toujours la même (si c'est en pixels par contre ça garde bien la mise en page mais c'est tro gros)
je ne sais pas comment réduire la taille même manuellement dans mon CSS cela ne marche pas. Je suis complètement perdu.
Merki de votre aide.

Eléphanteau du PHP | 14 Messages

01 juil. 2010, 16:35

J'ai du mal à visualiser ce que fait ton code.

Quel est le problème exactement? Que les div ne se redimensionnent pas lors des changement de résolution ou qu'il se redimensionnent mais que les textes se chevauchent?

Si éventuellement tu peux mettre des screenshoot ça peux aider à voir le pb

Petit nouveau ! | 8 Messages

01 juil. 2010, 16:37

Que mes div ne se redimensionnent pas
La taille de la police ne s'adapte pas en fonction de la div ?

Mammouth du PHP | 661 Messages

01 juil. 2010, 19:31

La taille de la police ne s'adapte pas en fonction de la div ?
Ha non #-o ... la taille de la police ne peux s'adapter en fonction de son conteneur !... mais la disposition des textes oui !...

peux tu mettre en ligne ta page que l'on visualise mieux !...

Petit nouveau ! | 8 Messages

02 juil. 2010, 09:21

Image résolution 800*600
Image

Image résolution 1680*1050
Image
La largeur de ma bannière est de 1000px.

Je ne sais plus tro koi faire. Est-ce qu'il serait pas plus simple de configurer le site pour 1024*768 ? (mais on n'oublie tous les autres utilisateurs)
d'ailleurs quelle est la résolution la plus utilisée ? pendant un temps, c'était le 1024*768, ça a changé pour kel résolution ?
Merki d'avance
(Je comprend vraiment pas pourkoi ça me fait ça)