Css dimension par navigateur
Résolu
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
Configuration: Windows Vista Safari 530.5
3 réponses
-
Bienvenue dans le monde fou de l'intégration.
Regardes du coté des hacks CSS ça devrait t'aider... -
Oui je connais les hacks, mais quoi mettre en l'interieur pour obtenir le même effet ?
Là est ma question -
Bon j'ai trouver pour IE7, sa marche, maintenant reste a pofiner FF, mais bon sa ira je pense.
Merci.
