27 Oct
2004
27 Oct
'04
4:01 p.m.
Hello,
Pour ceux que ça intéresse...
J'ai recherché un peu ce qui causait cet affreux display sous FireFox et
voici mes conclusions. J'ai ajouté le code de mes test pour ceux qui veulent
vérifier. Je suis pas une bête en html et encore moins en CSS, alors je me
trompe peut-être
L'erreur est due au CSS et a l'interprétation dun certain paramètre dune
classe. En effet chaque film est représenté par un tag <div> qui a une
classe (.content ou .content_no_url dans le fichier style.css) associée.
Cette classe a un paramètre height fixé à 200px resp. 40px. Il semble que
les butineurs se différentient par l'interprétation de ce champ. IE a l'air
d'augmenter la hauteur s'il y a du contenu alors que FF se tient strictement
aux pixels retenus par le développeur; ce qui fait, ici, des débordements.
Par contre je ne sais lequel des deux a le bon comportement...enfin à mon
avis c FF ...
--- style.css:
.darkborderbottom
{
border-bottom: 3px solid #466BA2;
}
.content_no_url
{
height: 40px;
background-color:#558ABD;
}
--- uto.html
<html>
<head>
<link href="style.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div class="content_no_url darkborderbottom">
<table>
<tr><td>Prabelli</td></tr>
<tr><td>Scala</td></tr>
<tr><td>Sura</td></tr>
</table>
</div>
<div class="content_no_url darkborderbottom">
<img
src="http://www.utopolis.lu/images/site/Posters/long-way-home.jpg">
Long way home
<p>
A Lower East Side, à New York, en plein été,
...
</p>
</div>
</body>
</html>
(versions super épurée de leurs fichiers top.aspx (enfin son rendu) et
style.css)
En supprimant de leur fichier style.css deux lignes (dans les deux classes
concernées) le site devient tout de suite plus lisible...
Voili..
Si personne n'a rien a ajouter, je vais le leur envoyer ...
@+
Paulo
[Paulo Ribeiro]