[CSS / IE] Etirer un DIV à l'aide de Top Bottom Right Left ?

**DemonKN** · 18/08/2005, 14h12

Salut tout le monde,
bon, IE commence un ptit peu à me chercher

j'aimerais comprendre un truc : sous FireFox, si je position un DIV avec le style suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
position:absolute;
bottom:0px;
top:0px;
left:0px;
right:0px;

ce brave navigateur m'étire mon bloc afin de coller à ma demande et je l'en remercie.

Par contre, ce rebelle d'IE ne veut rien savoir, il applique bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position:absolute;
top:0px;
left:0px;

mais n'étire pas le bloc afin d'avoir également

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
bottom:0px;
right:0px;

comportement normal de la part d'IE (j'en doute mais sait on jamais ...) ? Y a t'il quelque chose à rajouter quelque part pour que ca fonctionne ? (J'ai pris un exemple simple où mon bloc prend "100%" de ma page mais dans la pratique ca sera pas si simple, j'aimerais donc pouvoir étirer mes blocs à ma guise en placant juste les 4 coordonnées).

J'ai tenté de spécifié un doctype (sans grande conviction)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ca n'a rien changé.

Toutes aides et explications sont les bienvenues

merci !

**DemonKN** · 19/08/2005, 09h32

j'ai posé une colle aux pros du css ?

**10-nice** · 19/08/2005, 09h49

Envoyé par DemonKN

Par contre, ce rebelle d'IE ne veut rien savoir, il applique bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position:absolute;
top:0px;
left:0px;

mais n'étire pas le bloc afin d'avoir également

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
bottom:0px;
right:0px;

Je viens d'essayer et ca ne fonctionne pas du tout avec ie, ni le left ni le top. Tu dois avoir une balise dans ta div qui fait que ca etire ta div à la largeur max de ta page.

**DemonKN** · 19/08/2005, 09h51

merci de confirmer ce que je dis

j'ai trouvé un article qui répondrait à mes interrogations : http://www.quirksmode.org/bugreports/archives/2005/01/CSS_bottom_and_right_properties_in_IE_Strict.html

apparemment ca serait un bug d'ie

quand le top est spécifié, le bottom est ignoré, idem pour le cas du right/left ... bien dommage.

**Cracking_Cow** · 20/08/2005, 10h03

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;

Pas plus logique comme ça ?

[CSS / IE] Etirer un DIV à l'aide de Top Bottom Right Left ?

CSS

Vue hybride

Discussions similaires

Partager

Partager