positionnement absolu sous ie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : positionnement absolu sous ie

axac

<!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

Publicité

gm_superstar

Appelez-moi Super

Et la question ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

lorill

on peut pas penser a tout :whistle:

axac

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

gm_superstar

Appelez-moi Super

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

axac

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 :pt1cable: 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

axac

J'ai oublié de le dire mais avec Strict j'ai essayé mais ça ne marche pas mieux pour IE.

---------------
axac

gm_superstar

Appelez-moi Super

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

axac

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

gm_superstar

Appelez-moi Super

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

Publicité

axac

Merci pour tes explications :jap:

---------------
axac

FORUM HardWare.fr

Programmation

HTML/CSS

positionnement absolu sous ie

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
Plus de sujets relatifs à : positionnement absolu sous ie

Page générée en 0.044 secondes