Bonjour
Après avoir passé plusieurs heures à lire et essayer des tutoriels sur le net
, je me résigne à lancer une bouteille à la mer, et en appelle à vot' bon coeur, msieurs, dam'.
Je suis débutant en CSS et je me tire les cheveux pour rendre ma feuille CSS compatible avec le maximum de navigateurs (dont IE).
A noter que j'aimerais que la partie centrale (menu + contenu principal) s'adapte en hauteur à la résolution de l'écran.
Vous pouvez visualiser le site tel que je le souhaite sous Firefox ici: http://www.gacg.org/unifab/index.php
Pouvez-vous m'aiguiller pour permettre un affichage correct particulièrement sous IE ?
Merci d'avance.
sergio
Après avoir passé plusieurs heures à lire et essayer des tutoriels sur le net

Je suis débutant en CSS et je me tire les cheveux pour rendre ma feuille CSS compatible avec le maximum de navigateurs (dont IE).
A noter que j'aimerais que la partie centrale (menu + contenu principal) s'adapte en hauteur à la résolution de l'écran.
Vous pouvez visualiser le site tel que je le souhaite sous Firefox ici: http://www.gacg.org/unifab/index.php
Pouvez-vous m'aiguiller pour permettre un affichage correct particulièrement sous IE ?
Merci d'avance.
sergio
body {
height:100%;
width:100%;
margin:0px;
padding:0px;
font-family:verdana, arial, sans-serif;
background-color:#106899;
}
p {
margin:0px;
padding:0px;
}
table{
font-size:9px;
}
#header {
position:absolute;
top:0px;
left:0px;
height:100px;
width:100%;
background:#ccfeff;
color:#000;
margin:0px;
padding:0px;
}
#navi {
position:absolute;
top:100px;
left:0px;
top:100px;
width:240px;
bottom:40px;
background-color:#083465;
color:#000;
padding:0px;
text-align:center;
}
#content {
position:absolute;
top:100px;
left:240px;
right:0px;
bottom:40px;
background:#fff;
color:#000;
margin:0px;
padding:0px;
}
#footer {
position:absolute;
left:0px;
bottom:20px;
height:20px;
width:100%;
background-color:#E4F6FF;
color:#000;
margin:0px;
padding:0px;
text-align:center;
}
#menuURL
{
top:0px;
left:0px;
width:240px;
height:30px;
background-color:#E4F6FF;
}
#menuLOGO
{
bottom:0px;
left:0px;
text-align:center;
background-color:#083465;
color:white;
}
.titrecontenu
{
text-align:center;
left:0px;
height:30px;
width:100%;
background-color:white; /* #000; */
}
#textecontenu
{
position:inherit;
overflow:auto;
top:30px;
left:0px;
right:0px;
bottom:23px;
margin:0px;
padding:5px;
color:#000033;
background-color:#E4F6FF;
scrollbar-face-color:#E4F6FF;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#000;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#000;
scrollbar-track-color:#000;
scrollbar-arrow-color:#000;
font-size:9px;
}
#bascontenu
{
position:absolute;
bottom:0px;
height:23px;
left:33%;
background-color:white;
text-align:center;
}