positionnement absolu sous ie
positionnement absolu sous ie - HTML/CSS - Programmation
Marsh Posté le 05-12-2002 à 22:39:40
Et la question ?
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 05-12-2002 à 23:18:19
Quel tétard !!!
En fait ma question est que l'affichage sous mozilla, phoenix et opéra se passe bien mais sous ie6 ce n'est pas centré tout ce trouve à gauche.
Et ce malgré :
div.ensemble
{
border: 2px solid #4931b8;
margin-left: auto;
margin-right: auto;
position: relative;
width: 750px;
}
Alors est-ce de ma faute ou de ie qui n'accepte pas ce type de positionnement?.
Merci
---------------
axac
Marsh Posté le 05-12-2002 à 23:25:51
Pas en Transitionnal.
PS : tu peux virer le margin-left: auto; margin-right: auto; du body
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 05-12-2002 à 23:53:30
margin-left: auto; margin-right: auto; dans body s'était parce que je ne comprenais rien et je faisaitdes essais au pif. S'est un peu con comme méthode 
mais bon.
Pour Transitionnal j'ai pas piger je dois le remplacer par Strict et s'est tout?.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
---------------
axac
Marsh Posté le 05-12-2002 à 23:55:39
J'ai oublié de le dire mais avec Strict j'ai essayé mais ça ne marche pas mieux pour IE.
---------------
axac
Marsh Posté le 05-12-2002 à 23:58:11
Le bon DOCTYPE en Strict c'est ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 06-12-2002 à 00:15:52
J'ai effacé <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> et remplacé par <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> et ça marche je te remercie beaucoup. 
Mais comment se fait-il qu'il n'y a juste que ie qui est "besoin de passer en strict" ?, et je croyait que le transitionnal couvrait le strict plus de vieille balises.
---------------
axac
Marsh Posté le 06-12-2002 à 00:43:34
IE 6 a 2 mode de rendu. Un mode dit "quirck mode" c'est le mode qui respecte peu les standards et qui se rapproche du fonctionnement de IE 5. IE est quirck mode lorsqu'il n'y a pas de DOCTYPE ou alors en Transitionnal ou en HTML 3.2 ou plus anciens.
L'autre mode est le mode standard qui se rapproche de ce qu'on attend d'un navigateur qui respecte les standard (mais encore loin d'atteindre le niveau de Mozilla). IE l'utilise avec un DOCTYPE Strict ou XHTML
Pour répondre à ta question, le transitionnal est effectivement du strict + des tags/attributs "anciens". Or un navigateur qui veut respecter les normes ne doit pas reconnaitre ces tags/attributs. Il n'utilise donc pas son mode standard. C'est pour ça que IE (et Mozilla) utilisent le quirck mode en transitionnal.
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Sujets relatifs:
- [VBA] pb de chemin relatif / absolu
- CSS et positionnement
- Positionnement de menu déroulant
- [HTML] Positionnement d une image.........
- Problème de frames : ciblage absolu d'une image (Résolu)
- [html / css] positionnement de divs, compatible TOUS navigateurs ?
- [HTML/JS] pb positionnement de calque par rapport a une page centrée
- [CSS] font-size : relatif ou absolu ?
- [EASYPHP] - Alias et chemin absolu
- Comment savoir le chemin absolu
Marsh Posté le 05-12-2002 à 19:39:15
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
<link title="test" type="text/css" rel="stylesheet" href="essai.css">
</head>
<body>
<div class="ensemble">
<div class="la_une">23 octobre 2002</div>
<div class="liens">
<p>SCIENCE<br /><a href="science.html">blablablabla</a></p>
<p>WALL<br /><a href="explication.html">blablablabla</a></p>
<p>FAUVES<br /><a href="fauve.html">blablablabla</a></p>
<p>INTERNATIONNAL<br /><a href="fauve.html">blablablabla</a></p>
<p>GENS<br /><a href="charb.html">blablablabla</a></p>
</div>
<div class="photo"><img src="image.jpg"></div>
</div>
</body></html>
Et ma CSS
body {margin-left: auto; margin-right: auto;}
div.ensemble {margin-left: auto; margin-right: auto; position: relative;}
div.la_une {background: #e3e1f3; position: absolute; width: 500px;}
div.liens {position: absolute; top: -5px; width: 500px;}
div.photo {position: absolute; left: 500px; width: 250px;}
---------------
axac