28172 sujets

CSS et mise en forme, CSS3

Bonjour.
Je sais que le problème a déjà été traité 1000 fois, mais j'ai beau lire tout ce que je trouve, impossible de résoudre le problème.
Voilà la page incriminée : http://www.trusiad.fr/cours/diaporamas/chauvin.html
Elle se comporte normalement sur firefox, mais ie la place à droite ?!? Du diable si je comprends pourquoi.
Cordialement,
David Aubril
Pourquoi faire compliqué quand on peut faire simple ? Supprime le positionnement absolu de tes div #header, #footer et #presentation div et déplace ton div #footer après le div #presentation.
Non, ce n'est pas aussi simple.
Si je supprime le positionnement absolu, je perds l'effet du diaporama : une image s'estompe, alors que l'autre apparaît, au même endroit.
Le positionnement absolu est nécessaire au moins pour #presentation div, sinon, quand la div suivante apparaît, elle se place en dessous de la précédente. or, il faut qu'elle se place au même endroit.
Donc, en résumé, je ne peux pas supprimer mon positionnement absolu.
J'ai l'impression d'avoir été un peu confus. Est-ce clair ?
À ce que je comprends, ton diaporama doit être positionné par rapport à #presentation div, c'est ça ? Dans ce cas, il suffit juste de positionner #presentation div, comme suit :
#presentation div {
  position: relative;
}

Les autres div (#header, #footer et #presentation), tu supprimes leur positionnement, leur donnes une largeur et leur appliques des marges latérales automatiques.
Modifié par Victor BRITO (08 Nov 2009 - 00:13)
Non, ce n'est pas possible. Chaque #presentation div est une diapo du diaporama. Elles doivent être toutes positionnées au même endroit tout le temps. Lorsque l'une apparaît, l'autre disparait, sans que ça décale tout. Si je mets en relatif, tout ce décale dès qu'une diapo apparaît. Essaie : appuie sur espace ou flèche droite, tu feras défiler les diapos, et tu verras le problème.
Modifié par trusiad (08 Nov 2009 - 21:14)
Bonjour,

IE6 gère très mal l'XHTML1.1 servi en application/xhtml+xml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />

Accesoirement, je n'ai rien vu dans le code qui justifie un tel doctype. Si son but (au doctype) est uniquement de faire "hype" c'est raté...

Passe en HTML 4.01 ça devrait aller mieux.
Ah.
Question d'habitude. Mes pages html/xhtml sont en fait mes documents de travail. Dès le début, il y a 7 ou 8 ans, je m'étais posé la question : html ou xml ? Du coup, j'avais opté pour du xhtml. Le but n'étant pas de faire hype, mais de faciliter un possible migration, un jour, vers du xml pur et dur (je pense très fort à docbook).
Ok, j'essaie en html.
Bon. Suite de mon message précédent.
En fait, ça change rien. Enfin, en tout cas, sur mon ie6, qui tourne sous wine, ça change rien. Le bloc principal est toujours décalé à droite, alors qu'il devrait être centré...
Plus grave, je ne comprends toujours pas pourquoi.