Imprimer la Page

Forum-webmaster

Technique - programmation => HTML / CSS / XHTML => Message commencé par: urgencepc le le 10-09-2010 a 07:59:19

Titre: probleme taille d'ecran sur css
Posté par: urgencepc le le 10-09-2010 a 07:59:19

Pourriez vous m'aidez voici le code css et je voudrais que le site soit pareil sur toute les tailles d'ecran merci d'avance.

body {
   background: #FFF;
   font-family: Copperplate;
   font-size: 9px;
   color: #CCC;
   background-position: auto;
   border-bottom-width: inherit;
   border-width: auto;
   position: auto;
}

#content {
   width: 100%;
   background: #FFF;
   border: thin none #FFFFFF;
   height: auto;
   margin-top: auto;
   margin-right: 20px;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   background-position: static;
   border-bottom-width: thin;
   border-width: auto;
   overflow: hidden;
   position: inherit;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

h1 {
   margin: 0;

}

hr {
   border: none;
   height: 1px; line-height: 1px;
   background: #CCC;
   margin-bottom: 20px;
   padding: 0;
}

p {
   margin: 0;
   padding: 7px 0;
}

.clear {
   clear: both;
   line-height: 1px;
   font-size: 1px;
}

a {
   outline-color: #888;
}
.scroll {
   overflow:auto;
   position:absolute;
   left:1200px;
   top: 262px;
   width: 567px;
   height: 513px;
   border: 0px solid black
}
div#scrollbar {
display:block; /* initially display:none; to hide from incapable */
}

div#scrollbar {
   position:relative;
   width:801px;
   height:200px;
   font-size:1px; /* so no gap or misplacement due to image vertical alignment */
}

div#down {
   position:absolute;
   left:435px;
   bottom:0;
   width: 600px;
   height: auto;
}

/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
-moz-user-select: none;
-khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
display:block;
}
#content h1 strong {
   font-family: "Comic Sans MS", cursive;
   font-size: 24px;
   color: #666;
   width: 100%;
   height: 100%;
}

Titre: Re:probleme taille d'ecran sur css
Posté par: Luzark le le 10-09-2010 a 11:36:51

Essaye de mettre sois tout en % soit tout ne px.
Mais comme tu veux un site qui s'affiche de la même manière sur tout les écrans, je te conseillerai en % ;)

Titre: Re:probleme taille d'ecran sur css
Posté par: urgencepc le le 10-09-2010 a 11:53:26

merci mais les px dans le content ?

Titre: Re:probleme taille d'ecran sur css
Posté par: Luzark le le 10-09-2010 a 12:40:28

Oui,
personnellement quand je commence en % je termine en %, sa évite tout ceci ;)
Je te conseil de faire de même.