SAM a écrit :

> Tu as vu ce que ça donnait avec Firefox ?
> Ça ne te gêne pas cet ascenseur inutile horizontal ?
>
> La plage du lien fait 3 kms de long...

Il s'agit du choix de mise en page de l'auteure de l'album.
L'ascenseur horizontal apparaît dès qu'il n'y a pas assez de place pour
afficher les trois colonnes de texte côte-Ã-côte.
En attendant que les colonnes CSS3 soient compatibles avec les
principaux navigateurs, il ne semble hélas pas exister beaucoup de
moyens pour produire des colonnes pouvant s'agencer dynamiquement dans
une mise en page élastique.

>> La page est en HTML 4.01 strict et CSS valide.
>> Il n'y a pas ce bug avec Firefox et Opera.
>
> Ben non mais presque ...
>
> Avec :
>
> #play {
> display:block; /* hop! le lien fait la largeur du viewport */
> font-size: 20px;
> position: relative;
> top: 0.8em;
> left:12em;
> text-decoration: underline;
> /* ajoute un bord pour y voir */
> border: 1px solid white;
> }
>
avec le display:block; le problème du bug d'affichage semble avoir disparu.
> essaie :
>
> #article {
> position: relative; /* histoire de tenter de régler #play */
> float:left;
> }

Je testerais ça et encore d'autres choses. Si cette feuille de style est
encore bien améliorable, j'apprends et surchauffe ma cervelle par la
même occasion.
Pas facile de trouver un compromis entre les placements relatifs et les
placements flottants, tout en gardant l'avantage d'échelles em pour
bénéficier d'une disposition cohérente quelque-soit l'échelle des polices.

Merci à toi pour les suggestion et le temps passé à regarder.

Amicalement,

--
Léa Gris