Css dimension par navigateur
Résolu
AmeryCourtz
Messages postés
101
Statut
Membre
-
AmeryCourtz Messages postés 101 Statut Membre -
AmeryCourtz Messages postés 101 Statut Membre -
Bonjour à tous,
bon, mon soucis ici est d'avoir le même résultat sur tout les navigateur (ou au moins les trois que j'utilise) Chrome, FF, Ie 7
Voici mon code simplifié
et voila mon css
Code tout bête. Bref sous Chrome ça marche comme il faut mais :
- Sous FF le navigateur n'a pas l'air de prendre en compte la hauteur de ma div ou alors il se réfaire uniquement à la photo qui est imbriqué.
- Sous Ie7 c'est la largeur qui n'est plus pris en compte et qui se formate à celle de la photo imbriqué.
help ?? :S
Merci
bon, mon soucis ici est d'avoir le même résultat sur tout les navigateur (ou au moins les trois que j'utilise) Chrome, FF, Ie 7
Voici mon code simplifié
<html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="Design.css" rel="stylesheet" type="text/css"> </head> <body> <table> <tr> <td> <div></div> </td> <td> <div></div> </td> <td> <div></div> </td> </tr> <tr> <td> <div><img src='01.jpeg' /></div> </td> <td> <div><img src='02.jpeg' /></div> </td> <td> <div><img src='01.jpeg' /></div> </td> </tr> </table> </body> </html>
et voila mon css
html{
height:100%;
width:100%;
background-color:black;
}
body{
height:100%;
width:100%;
background-color:blue;
}
table{
height:60%;
width:60%;
background-color:red;
}
tr{
height:20%;
width:20%;
background-color:green;
}
td{
height:20%;
width:30%;
background-color:yellow;
}
div{
height:90%;
width:90%;
background-color:pink;
}
img{
height:90%;
width:90%;
}
Code tout bête. Bref sous Chrome ça marche comme il faut mais :
- Sous FF le navigateur n'a pas l'air de prendre en compte la hauteur de ma div ou alors il se réfaire uniquement à la photo qui est imbriqué.
- Sous Ie7 c'est la largeur qui n'est plus pris en compte et qui se formate à celle de la photo imbriqué.
help ?? :S
Merci
A voir également:
- Css dimension par navigateur
- Navigateur web - Guide
- Extension de navigateur - Guide
- Dimension 4 - Télécharger - Optimisation
- Navigateur privé - Guide
- Dimension a5 - Guide
