Probleme avec le positionnement en css
mathartcisse
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
mathartcisse Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
mathartcisse Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
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
Merci d'avance
A voir également:
- Probleme avec le positionnement en css
- Logiciel positionnement gratuit - Guide
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Enlever trait sous un lien href ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
6 réponses
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
#bloc_page
{
width:100%;
}
Merci d'avance
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:
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 */
}
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"
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"
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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;
}
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;
}
