Salut à tous,
Je suis en train de concevoir mon premier site web avec CSS et j'avoue être un peu décu : je n'ai trouvé aucun site listant de manière exhaustive ou non, les propriétés CSS qui sont ignorées par certain Agent Utilisateurs Conformes, à savoir les navigateurs Web.
Par exemple, la Spécification CSS2 du WC3 dit : "(...) Les agents utilisateurs conformes pour HTML peuvent ignorer la propriété 'display'.(...)"
Après avoir lu cette spécification, je constaste que d'autres propriétés peuvent être ignorées mais j'ai beau cherché, je ne trouve aucun site qui permettrait de savoir, par exemple, si la propriété Display est ignorée par Internet Explorer mais acceptée avec Firefox/Mozilla...
J'ai par exemple codé ceci en CSS :
puis ceci dans ma page html :
Or dans la dernière version d'Internet Explorer (6.0.2900.2180...), je n'obtiens pas un tableau avec une ligne et trois cellules mais un tableau avec trois lignes d'une seule cellule...
Je précise bien que je ne cherche pas simplement à savoir si Display fonctionne sur un navigateur quelconque mais quelles sont les propriétés qui peuvent être mal interprétées et en fonction de quels navigateurs.
Mon objectif étant très simple : ne pas utiliser des propriétés qui ne fonctionnerait pas sur tous les navigateurs .
Rassurez-moi et dites-moi que je suis trop mauvais et que je n'ai pas bien cherché .
Merci d'avance...
Je suis en train de concevoir mon premier site web avec CSS et j'avoue être un peu décu : je n'ai trouvé aucun site listant de manière exhaustive ou non, les propriétés CSS qui sont ignorées par certain Agent Utilisateurs Conformes, à savoir les navigateurs Web.
Par exemple, la Spécification CSS2 du WC3 dit : "(...) Les agents utilisateurs conformes pour HTML peuvent ignorer la propriété 'display'.(...)"
Après avoir lu cette spécification, je constaste que d'autres propriétés peuvent être ignorées mais j'ai beau cherché, je ne trouve aucun site qui permettrait de savoir, par exemple, si la propriété Display est ignorée par Internet Explorer mais acceptée avec Firefox/Mozilla...
J'ai par exemple codé ceci en CSS :
div.table
{
display:table;
border-collapse:collapse;
}
div.tr
{
display:table-row;
}
div.td
{
display:table-cell;
border:thin dashed red;
padding:5px;
}
puis ceci dans ma page html :
<div class="table">
<div class="tr">
<div class="td">un</div>
<div class="td">deux</div>
<div class="td">trois</div>
</div>
</div>
Or dans la dernière version d'Internet Explorer (6.0.2900.2180...), je n'obtiens pas un tableau avec une ligne et trois cellules mais un tableau avec trois lignes d'une seule cellule...
Je précise bien que je ne cherche pas simplement à savoir si Display fonctionne sur un navigateur quelconque mais quelles sont les propriétés qui peuvent être mal interprétées et en fonction de quels navigateurs.
Mon objectif étant très simple : ne pas utiliser des propriétés qui ne fonctionnerait pas sur tous les navigateurs .
Rassurez-moi et dites-moi que je suis trop mauvais et que je n'ai pas bien cherché .
Merci d'avance...