salut, néohyte, je viens de terminer un site (en allemand) avec des css.
http://www.rechtsanwaltskanzlei-steineck.de
(en phase de test; donc incomplet,...)
L'affichage sur mon écran TFT 19" est impeccable mais sur un 17" CRT le texte sort de l'écran, ainsi que les scrollers droits, ce qui occasionne les effets visuels négatifs suivants:
- Il faut faire un scroll horizontal et vertical pour le reste de la page.
- Les menus sont trop bas et recouverts par la barrière du bas. Ce problème est en partie résolu
- le site recouvre tout l'écran alors que sur mon 19", il y a une marge blanche à droite comme je le souhaitais.
Faudrait-il pas mieux centrer le site entier et laisser deux petites marges á droite et à gauche.
mon css:
Mon css, je le sais, n'est pas des plus optimaux, je voudrais corriger certaines choses mais je crains de faire pire.Si quelqu'n peut me conseiller. A+
Modifié par midiweb (19 Feb 2007 - 15:02)
http://www.rechtsanwaltskanzlei-steineck.de
(en phase de test; donc incomplet,...)
L'affichage sur mon écran TFT 19" est impeccable mais sur un 17" CRT le texte sort de l'écran, ainsi que les scrollers droits, ce qui occasionne les effets visuels négatifs suivants:
- Il faut faire un scroll horizontal et vertical pour le reste de la page.
- Les menus sont trop bas et recouverts par la barrière du bas. Ce problème est en partie résolu
- le site recouvre tout l'écran alors que sur mon 19", il y a une marge blanche à droite comme je le souhaitais.
Faudrait-il pas mieux centrer le site entier et laisser deux petites marges á droite et à gauche.
mon css:
/* CSS Document */
.font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-variant: normal;
}
.gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font:
font-weight: normal;
font-style: normal;
font-weight: bold;
}
body {
position: absolute;
margin: 0em;
margin-left: 0em;
padding: 0em;
width: 80%;
height: 100%;
}
div#haut {
margin-bottom:auto;
margin-top:auto;
width: auto;
height: 0.50em;
}
div#conteneur {
height: 100%;
width: 100%;
float:left;
}
#menu {
position: absolute;
width: 126px;
height: 520px;
margin: 0px;
padding: opx;
left: -15px;
margin-top: 160px;
top: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
background-color:#FFFFFF;
}
a.lien {
color: #000033;
text-decoration: underline;
}
a.lien:hover { color: #666666; background-color: #CCCC9A; }
#frame {
position:relative;
margin-top: 140px;
margin-left: 120px; /* on place ce bloc à droite du bloc menu de 180px de large */
margin-bottom: 0px;
padding: 10px;
padding-top: 5px;
height: 70%;
width: 902px;
overflow: auto; /*cette propriété va permettre le scroll de ce bloc */
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
border-left:dotted thin;
}
#bas {
position:relative;
margin:0px;
margin-top: auto;
width: 860px;
height: 50px;
top: 15px;
}
</style>
Mon css, je le sais, n'est pas des plus optimaux, je voudrais corriger certaines choses mais je crains de faire pire.Si quelqu'n peut me conseiller. A+
Modifié par midiweb (19 Feb 2007 - 15:02)
), oublier résolutions d'écrans et pixels, et réfléchir en terme de zone d'affichage du navigateur.
)