[CSS] Problème IE/Opera

**lvkenny** · 07/07/2006, 12h40

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 :

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

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;
}

**ilood** · 07/07/2006, 14h33

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 :

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

En gros ça donnera

Code :

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

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.

**lvkenny** · 07/07/2006, 14h36

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 :

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

En gros ça donnera

Code :

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

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

[CSS] Problème IE/Opera

CSS

Vue hybride

Discussions similaires

Partager

Partager