Probleme avec le positionnement en css Fermé

Question

Bonjour, je viens de développer la page d'accueil de mon site sur mon pc.Mais quand je change de pc certains élément se décale de leur position sur mon ordi.
Merci d'avance


Configuration: Windows XP / Firefox 16.0

Antho77100 · Answer

Je pense que la cause vien de la taille de l'image de l'ordinateur

mathartcisse · Answer

Merci Antho je ne crois pas que le probleme viens de la.Mais quand je place mes element avec la position:absolute Mes element change de position si je change d'ordi.J'ai aussi mit tout mon site dans une div (bloc_page) et dans le css j'ai mit
#bloc_page
{
width:100%;
}

Merci d'avance

mandolorien · Answer

il aurait fallu avoir tout on code source pour pouvoir te dire comment regler le probleme , 

ce que je peux te dire c'est que dans le css, le body tu doit le mettre en minimum 1000 sur 1500 alors:

body
{
        min-width:1000px;
        min-height:1500px;
	font-size : 13px; /* Taille de la police */
	color : #dcdcdc;
	line-height : 16px; /* La hauteur d'une ligne d'un bloc de texte */
	text-shadow : 0px 1px 0px #000000; /* Ajoute de l'ombre sur le texte : Décalage horizontal - puis vertical - Flou - Couleur */
	/* --- CSS pour le background --- */
	background :url(ton url de background si tu en a un) center top #000;
	background-attachment : fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover; /* Pour Chrome et Safari */
	-moz-background-size: cover; /* Pour Firefox */
	-o-background-size: cover; /* Pour Opera */
	background-size: cover; /* version standardisée */
}

@lobotomix:~# rm -rf *\ · Answer

Bonjour il est préférable d'utiliser les pixels aux pourcentages enfin se n'est que mon avis personnel  
De la même façon il vaut mieux utiliser position relative à absolute 
sauf 
si absolute se trouve dans un bloc fixer en relative 
http://www.siteduzero.com/tutoriel-3-438531-initiation-a-la-creation-d-un-design-extensible.html 

peut être trouverez vous votre bonheur dans ce tuto 
  

"Un homme azerty en vaut deux"

mathartcisse · Answer

Merci a tous pour vos réponses je suis entrain de tester les recommandations de mandolorien et je lis le tuto sur le sdz. Je vous passe le code si le problème persiste.Un grand merci à bientôt

mathartcisse · Answer

voila mon css 
header
{

width:100%;
border:1px solid black;
height:204px;

}

#titre_logo
{
display:inline-block;

}
#connection
{
background-color:red;
display:inline-block;
vertical-align:top;
margin-left:70%;
height:140px;
width:16%;
padding-bottom:20px;

}
#connection  h3
{

padding-top:0;
} 
header ul li
{
list-style:none;
display:inline-block;
padding-right:24px;
color:black;
font-size:17px;
padding-top:3px;

}
header nav
{
background-color:#11CFFF;
text-align:center;
height:30px;
width:920px;
margin: 1px auto;
}

#menu_horizontal 
{
display:inline-block;
border:1px solid black;
vertical-align:top;
}

section
{
display:inline-block;
border:1px solid black;
vertical-align:top;
width:85%;
height:450px;
}
article
{

display:inline-block;
border:1px solid #11CFFF ;
margin:5px;
width:35%;
}
aside
{
display:inline-block;
border:1px solid black;
width:21%;
height:250px;
vertical-align:top;
margin-top:24px;
margin-left:5%;
}
footer
{
border:1px solid black ;
text-align:center;

width:80%;	
margin:10px auto;
background-color:#11CFFF;
height:75px;
}

footer #ecrit_footer
{
padding-top:10px;
color:red;
}

Probleme avec le positionnement en css

6 réponses

Discussions similaires