Adaptation Site sous IE

**webcom17** · 12/10/2010, 15h24

Bonjour,

j'ai créé mon site internet et je l'ai hébergé à l'adresse suivante :

www.webcom-17.fr

L'affichage sous Mozilla Firefox est parfait cependant il ne l'est pas sous IE.
Je souhaiterais savoir quelles parties de mon code je devrais modifier?

Le voici :

Page HMTL

Code html :

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
27
28
29
30
31
32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 
   <head>
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	   <meta http-equiv="X-UA-Compatible" content="IE=8" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design1" href="design1.css" />
   </head>
 
   <body>		
		<ban><img src="ban.jpg" alt="banniere" title="Webcom banniere" /></ban>
 
		<menu>
		<div id="boutmenu">
		<a href="index.html"><img src="bouton2.jpg" alt="bouton" title="Webcom bouton" /></a>
		<a href="conception.html"><img src="bouton2.jpg" alt="bouton" title="Webcom bouton" /></a>
		<a href="contact.html"><img src="bouton2.jpg" alt="bouton" title="Webcom bouton" /></a>
		</div id="boutmenu">
		</menu>
 
		<contenu>
		Bienvenue sur Webcom17.<br/><br/>
		Vous retrouverez sur notre site les services proposés tels que la création de site web et de graphisme.
		Actuellement en 3eme année à l'école d'ingénieurs de la rochelle, je dispose des compétences nécessaires pour réaliser ces compositions.
		Internet est un moyen de communication de premiere importance, 'est pourquoi il est indispensable pour caque entreprise de disposer de cet outil.
		Vous retrouverez dans la page "Conception" les différents modèles de sites.
		</contenu>
   </body>
 
</html>

Feuille CSS

Code css :

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
ban
{
text-align: center;
left: 22%;
color : blue;
margin : 10px;
padding : 5px;
width: auto;
/*text-decoration: blink; */
max-height: 150px;
/* top: 100px; position par rapport au haut de la page*/
position: absolute;
}
 
body
{
left:0px;
background-image : url("bg2.jpg");
background-repeat : repeat-y;
width : 100%;
}
 
div#boutmenu
{
position: absolute ; top :0px; left: -3px;
}
 
#boutmenu.img
{
margin : 20px; float: left;
}
 
menu
{
color : black;
font-style: bold;
margin : 10px;
margin-top : 180px;
padding-left : 20px;
/*text-decoration: blink; */
width: 100px;
height: 300px;
/*max-height:300px;*/
text-align: justify;
/* top: 100px; position par rapport au haut de la page*/
position: absolute;
}
 
contenu
{
background-image : url("fdcont.png");
background-repeat : repeat;
border: 1px solid black;
color : black;
margin : 10px;
margin-top : 180px;
margin-left : 160px;
padding : 20px;
/*text-decoration: blink; */
width: 78%;
height: 300px;
/*max-height:300px;*/
text-align: justify;
/* top: 100px; position par rapport au haut de la page*/
position: absolute;
}
 
/*
color : couleur de la police
font-size : taille des caracteres
font-family : police
text-align : alignement du texte
margin : décalage par rapport aux bords de la page web
background-image: url(".......");
background-attachment: fixed; Le fond restera fixe
background-repeat: repeat-y; Le fond ne se répètera que sur la première colonne
background-position: top right
*/

**Bovino** · 12/10/2010, 15h54

C'est quoi ces balises <ban>, <menu> et <contenu> ???

**webcom17** · 12/10/2010, 16h00

J'utilise ces balises dans ma feuille de style pour définir les caractéristiques de ma bannière, de mon menu et de mon contenu.

**andry.aime** · 12/10/2010, 20h16

Bonsoir,
1- ce que Bovino veux dire c'est que tu dois remplacer ces balises par des balises standard connues par les navigateurs (div, span,p, ...).
2-

</div id="boutmenu">

on ne met plus d'attribut dans la fermeture d'une balise.

**webcom17** · 17/10/2010, 14h35

Merci pour votre aide, j'ai résolu mon problème en modifiant les balises et en passant par div id="..."

Adaptation Site sous IE

Discussions similaires

Partager

Partager