28172 sujets

CSS et mise en forme, CSS3

Décalage avec la résolution d'ecran [RESOLU]

Bonjour Smiley lol

alors voila , je travaille sur un 1600*900 et j'ai crée une barre qui reste fixe lorsque l'on descend ou remonte la page. Lorsque je passe à un 1280*800 tout est décalé >< voila des aperçus

En 1600*900 ( la taille sur laquelle j'ai travaillé ) ça donne ça

http://i53.tinypic.com/jgl1k7.png

En 1280*800 et tout ce qu'il y'a au dessous ( 1024 etc... )

http://i55.tinypic.com/2vte7m9.png

Voila le css & html


	div.pied { 
	background: black; 
	width: 100%; 
	height: 54px; 
	position: fixed; 
	z-index: 1; 
	bottom: 0px; 
	margin-top: -150px; 
	text-transform: uppercase;
	font-family: Georgia !important; 
	font-size: 8pt; 
	color: white; 
	}

	div.letitre { 
	
	margin-left: 38px; 
	float: left; 
	margin-top: 17px;
	letter-spacing: 1px;
	} 
	
	div.blanc { 
	
	display: block;
	background: white; 
	width: 7px; 
	height: 54px; 
	margin-left: 50px;
	float: left;
	
	} 

	div.network { 
	
	margin-left: 100px;	letter-spacing: 1px;
color: white;	
	float: left;
	margin-top: 17px;
	}


et en html 
	<div class="pied">
	
		<div class="letitre">
		Daily&nbsp;Anis&nbsp;Network&nbsp;&#126;
		</div>
		
		<div class="blanc">
		</div>
		
			
		<div class="network">
		Pufy&nbsp;&#38;&nbsp;Marker&#39;s
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		Le Forum 
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		Un projet a me proposer&nbsp;&#63;
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		Contact
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		Advertisement
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<font color="red">English</font> <font color="blue">Version</font>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		Live from Twitter
		</div>
		

		
	</div>



Merci d'avance Smiley smile
Modifié par Stephane35 (26 Mar 2011 - 22:32)
Bonsoir,

Sans plus de contexte et sur iTruc, j'aurais tendance à dire que le problème viens de l'utilisation de &nbsp; pour espacer les éléments. Une liste avec les bons css devrait éviter le problème.
Merci quand meme mais les listes agravaient le cas ^^
Donc j'ai trouvé comment faire, modifier les px en %
Sujet clos
Aller à