Probleme avec le positionnement en css

mathartcisse Messages postés 28 Statut Membre -  
mathartcisse Messages postés 28 Statut Membre -
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

6 réponses

  1. Antho77100 Messages postés 184 Statut Membre 17
     
    Je pense que la cause vien de la taille de l'image de l'ordinateur
    0
  2. mathartcisse Messages postés 28 Statut Membre 3
     
    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
    0
  3. mandolorien Messages postés 115 Statut Membre 3
     
    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 */
    }

    0
  4. @lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
     
    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"
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. mathartcisse Messages postés 28 Statut Membre 3
     
    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
    0
  7. mathartcisse Messages postés 28 Statut Membre 3
     
    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;
    }
    0