[CSS] Problème IE/Opera

Version imprimable

Bonjour, voilà je crée(enfin j'essaye) une petite page web pour un ami

Voilà en fait j'ai un problème pour placer un élément sur ma page (enfin pas sous opera mais sous ie).

Voici le lien de la page en question www.artalio.be/index.html

Donc le problème est le cadre que je crée en css pour placer un menu, sous opera il s'affiche bien à droite du container principal tandis que sous ie, tout s'affiche l'un à la suite de l'autre (verticalement).

Quelqu'un peut me donner un coup de pouce svp?

Merci d'avance :)

Voici le code de ma feuille de style (en travaux je précise)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 body{ background-color:#000000; color:#FFFFFF; } div#menu{ width:200px; height:100%; border: 1px solid #FFFFFF; float:left; } div#container{ background-color:#B8B8B8; height:100%; width:800px; margin: 0.8px 20% 1px 17%; border: 1px solid #FFFFFF; } div#banniere{ width:100%; height:200px; background:#000000 url(../res/banniere.jpg) no-repeat top center; }

07/07/2006, 14h33
ilood
Salut

Ca dépend des résolutions :)
En 1680x1050 c'est ok sous IE et Opera.

Surement un problème de taille de boite. Les margin du container entrent en conflit avec le menu.

Ce que je te conseil, pour partir sur de bonnes base, c'est de déclarer un doctype pour ta page. Ca forcera IE à adopter un modèle de boîte "standard"
Tu ajoutes cette ligne à la première ligne de ton document html

Code:

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

En gros ça donnera
Code:

1 2 3 4 5 6 7 8 9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> ... </head> <body> .. </body> </html>
Ensuite cherche un margin-left assez large pour le container pour le faire passer à droite du menu.
07/07/2006, 14h36
lvkenny
Citation:
Envoyé par ilood

Salut

Ca dépend des résolutions :)
En 1680x1050 c'est ok sous IE et Opera.

Surement un problème de taille de boite. Les margin du container entrent en conflit avec le menu.

Ce que je te conseil, pour partir sur de bonnes base, c'est de déclarer un doctype pour ta page. Ca forcera IE à adopter un modèle de boîte "standard"
Tu ajoutes cette ligne à la première ligne de ton document html

Code:

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

En gros ça donnera

Code:

1 2 3 4 5 6 7 8 9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> ... </head> <body> .. </body> </html>

Ensuite cherche un margin-left assez large pour le container pour le faire passer à droite du menu.
Merci je vais essayer ca ce soir :)