Mise en page sous IE - Probleme 18p - 22p

**Adaeria** · 20/10/2009, 00h08

Bonjour, je suis tout nouveau dans la conception de site web HTML/CSS

Depuis quelque temps j'ai certain problème :
- tout d abord l'adaptation entre le 22 pouce et le 18 pouce ce fait très bien depuis mon ordinateur (deux écran). Mais par contre sur d'autre ordinateur cela décale tout , qu'il y est deux écran sur un même ordinateur ou qu'un.

- Et puis le plus gros de mes problème c'est que sous Mozilla la mise en page est nickel mais sur Internet Explorer c'est autre chose tout est décalé, si j'ai tout compris IE ne lit pas les " float " , mais je ne sais pas comment faire sans.

Je vous envoi mon code en espérant que vous pourrez m'aider.

HTML :

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
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
 <!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>Accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
 
		</head>
 
	   <body>
 
 
 
	<div id="entete"> 
	<img id='header'src="image/headertt.jpg" alt="J D R Project" border="none" />
	<div>
 
<div id="hmenu">
 <img id='menuH'src="image/menuH.bmp" alt="J D R Project" border="none"  />  <a href="index.html"><img  id="accu" src="image/accu.gif" alt="J D R Project" border="none"/></a> 	<a href="news.html"><img  id="inew" src="image/news.gif" alt="J D R Project" border="none" /></a><a href="calendrier.html"><img  id="ical" src="image/calendrier.gif" alt="J D R Project" border="none"  /></a><a href="galerie.html"><img  id="igal" src="image/galerie.gif" alt="J D R Project" border="none"  /></a>
 
 </div>
 
 
  	  <div id="enum">
 
<table>
 
   <tr> 
   <div id="unem">
<img id="imenu"  src="image/bmenu.gif" alt="J D R Project" border="none"  /> 
</div>
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   </tr>
   </table>
 
 
   </div><br><br><br>
	  <div id="corps">
 
<table>
 
   <tr>
 
 
 <br>
 
<div id="msg">
<center>Toulouse Athletic Club Tennis de Table</center>
</div>
 
 <div id="tac">
<img id="logotac"src="image/tt.jpg" alt=" J D R Project " /><p>Écrivain français, qui s’illustra comme poète, auteur de contes fantastiques <br>et critiques d’art et qui fut l’auteur notamment d’un célèbre roman de cape et d’épée, le Capitaine Fracasse. Né à Tarbes le 30 août 1811,<br> Théophile Gautier était issu d’une famille de petite bourgeoisie avec laquelle il vint rapidement s’établir à Paris. Il se destinait initialement à une carrière de peintre, mais, le 27 juin 1829, <br>il fit une rencontre décisive, celle de Victor Hugo, qui lui donna aussitôt le goût de la littérature.
 
C’est le 4 mai 1831 que le Cabinet de lecture<br> publia la Cafetière, son premier conte fantastique.
<br>
Dès lors, son talent dans cette veine très en vogue ne devait cesser<br> de s’affirmer avec des textes comme Arria Marcella (1852), <br>le Roman de la momie (1858) ou Spirite (1866). Parallèlement à ses poèmes, Gautier publia de nombreux textes de prose, comme les Jeunes-France, romans goguenards (1883) — recueil de nouvelles souvent parodiques<br> — ou le roman Mademoiselle de Maupin (1835), qu’il fit précéder d’une préface provocante et scandaleuse, où il affirmait ses principes esthétiques.</p>
<br><br>
</div>
 
 <div id="coor">
<center>Entrainement</center>
</div>
  <div id="donne">
<span id="lala"><center><br> Horraire:</center><center> </span>  Entrainements libres ouverts  à tous, le Mardi et le Jeudi de 18h30 à 21h30.
<br> Jeunes et débutants le Mercredi de 14h30 à 16h30 : entrainement dirigé.<br><br>
<span id="lala"><center> Adresse: </center></span><center> 	Complexe sportif GIRONIS: -  35, rue de GIRONIS
 -  31100 TOULOUSE </center>
 
</div>
 
 
<div id="archive">
<center>News</center>
 
</div>
<div id="actu"><br>
&nbsp &nbsp &nbsp &nbsp <span id="lala"> 21/09/09:</span>&nbsp <a id="liall" href="news.html"> Test du Site  </a><br>
&nbsp &nbsp &nbsp &nbsp <span id="lala"> 20/09/09:</span>&nbsp <a id="liall" href="news.html"> Défaite de la D4 face au PTT  </a><br>
&nbsp &nbsp &nbsp &nbsp <span id="lala"> 19/09/09:</span> &nbsp <a id="liall" href="news.html"> Défaite de la R3 à FR Crampagna </a><br><br>
&nbsp &nbsp &nbsp &nbsp  (<a id="arch" href="news.html">Voir Achive  </a>)<br><br>
</div>
 
<br>
 
 
 
 
 
<div id="lien" >
<center>Lien</center>
</div>
<div id="utili" ><br>
&nbsp &nbsp &nbsp &nbsp <a id="hyper" href="http://www.fftt.com" ><span id="lala">Site de la FFTT</span></a>&nbsp : &nbsp <a id="liall" href="http://www.fftt.com/sportif/sportif.htm" >Classement Joueur</a>&nbsp / &nbsp <a id="liall" href="http://www.fftt.com/sportif/pclassement/php3/FFTTlj.php3?session=reqid%3D211%26precision%3D22310008" >Joueur du T.A.C</a><br>
&nbsp &nbsp &nbsp &nbsp <a id="hyper" href="http://cd31-tt.com/" ><span id="lala">Site du CD 31</span></a>&nbsp : &nbsp
<a id="liall"   href="http://www.fftt.com/sportif/chpt_equipe/chp_div.php?organisme_pere=1022&cx_poule=5934&D1=3588&virtuel=0" >Résultat de la R3</a> &nbsp / &nbsp <a id="liall"   href="http://www.fftt.com/sportif/chpt_equipe/chp_div.php?organisme_pere=31&cx_poule=618190&D1=13611&virtuel=0" >Résultat de la D4</a><br>
 &nbsp &nbsp &nbsp &nbsp <a id="hyper" href="http://www.lmptt.org/" ><span id="lala">Site de la ligue Midi Pyrénées</span></a>&nbsp : &nbsp <a id="liall" href="http://www.lmptt.org/" >LMPTT</a><br><br> </div>
 
 
</div>
 <div>
<img id="rencontre"style="border:0;"src="image/rencontre.gif"  width="32" height="20">Rencontre   <a id="ia"href="indexD4.html"> R3</a>&nbsp | <a id="ire"href="indexD4.html">D4</a>: <br><br>
&nbsp  Reçoie: Us Plaisantine 1<br>
&nbsp  Equipe: 
</div>
 
<div id="photo">
<center>Galerie</center>
</div>
<div id="galerie" >
<a href="galerie.html" ><img id="mini"src="galerie/d4tac1mini.jpg" alt=" J D R Project " /> </a>
<a href="galerie.html" ><img id="2mini"src="galerie/r2tac1mini.jpg" alt=" J D R Project " /></a>
<br>
</div>
</td>
 <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
 
 </tr>
 </td>
 
     <br><br>
  </div>
</table>
 
 
 
 
   </body>
 
		  </html>

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
 
 
body
{  background-color: white; margin:auto; font-size:13px; color:rgb(83,85,87);}
 
 
 
  /*Partie header*/
 
 
 
 
#header
{ width:100%; background-color: white;	margin-left: 0px;	 padding:0px; margin:0px;  border-collapse:collapse; white-space:nowrap;  }
 
#hmenu
 { border-collapse: collapse;   border:none; margin:0px; margin-left:0px; padding:0px; white-space:nowrap; }
 
 
 
 
 
 
 
   /*Fin Partie header_ Debut Partie Menu du Haut*/
 
 
 
#accu
 { margin:auto; position: absolute;  z-index:5;  width:9%; white-space:nowrap;  }
 
 #inew
 {  margin:auto; position: absolute;  z-index:5;  width:9%;  margin-left:190px; white-space:nowrap;  }
 
 #imenu
 {  margin:auto; position: absolute;  z-index:5; margin-left:30px; white-space:nowrap;   }
 
 #ical
  { margin:auto; position: absolute;  z-index:5;  width:9%;  margin-left:380px; white-space:nowrap; 
  }
 
#igal
{ margin:auto; position: absolute;   z-index:5;   width:9%;   margin-left:570px;  white-space:nowrap;   }
 
#menuH
{ position: absolute; z-index:1;  width:100%; padding:0px; margin:0px; border-collapse:collapse;  white-space:nowrap;  }
 
 
 
 /*Fin Partie Menu du Haut  _ Debut Partie Menu*/
 
 
 
 
 #enum
{ float:right; margin-right:15px; border: 1px solid rgb(184,186,188);  width:15%; }
 
#unem
{  margin-right:15px; border: 1px solid rgb(184,186,188);  width:100%; 	font-weight:bold; background-color:rgb(121,122,159); color:rgb(223,224,225); font-family: Palatino Linotype,Candara,Consolas,Constantia,Georgia; font-size:20px; }
 
 
 
/*Fin Partie Menu   _ Debut Partie Corp*/
 
 
 
#corps
{ margin-right:18px; margin-left:15px;   border: 1px solid rgb(184,186,188);  width:82.2%; background-color:rgb(249,249,249); }
 
 /*Partie Corp_ Le T.A.C*/
 
#msg
{   margin-left:10px; width:46.55%; border-bottom: none;  border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top: 1px solid rgb(160,160,160); background-image:url(image/barretitre.bmp); font-family: Candara,Consolas,Constantia,Georgia; color:rgb(83,85,87);  position:absolute; }
 
#tac
{ float:left; margin-left:10px; margin-top:16px; width:56.6%; border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top:none;  border-bottom: 1px solid rgb(160,160,160) ; background-color:white; font-family: Georgia; color:rgb(83,85,87); font-size:13px; }
 
#logotac{ float:left; }
 
  /*Partie Corp_ L'Entrainement*/
 
#coor
  { float:left; margin-left:15px;  width:41%; border-bottom: none;  border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top: 1px solid rgb(160,160,160); background-image:url(image/barretitre.bmp); font-family: Candara,Consolas,Constantia,Georgia;   font-family: Candara,Consolas,Constantia,Georgia;  color:rgb(83,85,87);  }
 
#donne
  { float:left; margin-left:15px; width:41%;border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top:none;  border-bottom: 1px solid rgb(160,160,160) ; background-color:rgb(235,235,235); font-family: Trebuchet MS; color:rgb(83,85,87); font-size: 13px; font-weight:bold; padding-bottom:25px; padding-top:0px; }
 
  /*Partie Corp_ News*/
 
#arch 
{ color: rgb(103,125,186); font-size:11px;}
 
#archive 
{ margin-top:15px; float:left; margin-left:15px; width:41%;  border-bottom: none;  border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top: 1px solid rgb(160,160,160); background-image:url(image/barretitre.bmp);  font-family: Candara,Consolas,Constantia,Georgia; color:rgb(83,85,87);    }
 
#actu
  { float:left; margin-left:15px; width:41%; border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top:none;  border-bottom: 1px solid rgb(160,160,160) ; background-color:white;  font-family: Georgia;   color:rgb(83,85,87);    font-size:13px; }
 
  /*Partie Corp_ Lien*/
 
 
#lien
{   margin-left:10px; width:56.6%; border-bottom: none;  border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top: 1px solid rgb(160,160,160); background-image:url(image/barretitre.bmp);  font-family: Candara,Consolas,Constantia,Georgia; color:rgb(83,85,87);    float:left; margin-top:15px; }
 
#utili
{ float:left; margin-left:10px; margin-top:0px; width:56.6%; border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top:none;  border-bottom: 1px solid rgb(160,160,160) ; background-color:white; font-family: Georgia; color:rgb(83,85,87); font-size:13px; }
 
   /*Partie Corp_ Galerie*/
 
#photo
{   margin-left:10px; width:56.6%;  border-bottom: none;  border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top: 1px solid rgb(160,160,160); background-image:url(image/barretitre.bmp);  font-family: Candara,Consolas,Constantia,Georgia; color:rgb(83,85,87);    float:left; margin-top:15px;}
 
#galerie
{ float:left; margin-left:10px; margin-top:0px; width:56.6%; border-right: 1px solid rgb(160,160,160); border-left: 1px solid rgb(160,160,160); border-top:none;  border-bottom: 1px solid rgb(160,160,160) ; background-color:white; font-family: Georgia; color:rgb(83,85,87); font-size:13px; }
 
 
#mini
{ margin-left:280px; }
 
#2mini
{ margin-left:0px; }
 
 /* Corp_ Equipe*/
 
 #rencontre
{ margin-top:5px; }
 
 
 
 
   /*Fin Partie Corp_ Equipe*/
 
a
{ text-decoration: none; color:rgb(83,85,87); font-size:13px;;}/*Lien Corp */
 
#hyper
 { color:rgb(83,85,87); font-size:13px;} /*Lien Corp Gris*/
 
 #ia
 { color: rgb(83,85,87); font-size:12px;}
 
#ire
 { color: rgb(103,125,186); font-size:12px;}
 
#liall { color: rgb(103,125,186); font-size:13px;}  /*Lien Corp Bleu*/
 
#lala { font-weight:bold; }

Puis la mise en page que j'aimerai obtenir :

http://www.casimages.com/img.php?i=0...1051368884.jpg

Pouvez vous m'aider svp ?

Bye.Adaeria

**sebhm** · 20/10/2009, 07h55

Bonjour,

tu as un Doctype (premiere ligne) qui dit que tu veux faire du XHTML strict : c'est à dire que tu dois respecter scrupuleusement la syntaxe XHTML, ce qui n'est pas le cas.

Je commencerais à ta place par passer en transitionnel : regarde la faq

puis enleve au moins tes balises <table> dans ton code qui ne sont pas à leur place et ne sont pas bien utilisées.

et puis il va falloir y aller petit à petit...

si j'ai tout compris IE ne lit pas les " float "

non, tu n'as pas tout compris.
Tous les navigateurs (je pense) implémentent cette propriété

**Adaeria** · 20/10/2009, 13h46

Bonjour , merci pour ta réponse :

Pour la Doctype est ce mieux comme cela ?

Code :

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Pour les <table> , j'ai un probleme c'est que si je les supprime j'ai plus le cadre gris qui encadre la mise en page , comment faire pour rendre le même effet sans le <table> ??

Et aussi comment organiser cette mise en page pour quel soit lisible sous IE ???
Visiblement il refuse de m'afficher les <div> a part quand il y a un " position:absolute;' ??

Edit 14.22:
J'ai essaye sous IE ( je n'avais vue qu'avec Mozilla ) il y a deux minute sans les <table> or mi qu'il n'y a plus la cadre gris dessous, mes souci de décalage sur IE se son arrange .

J'ai encore le cadre gris de ma <div id="corp"> mais il n'est pa a la bonne taille , comment je peut le changer de taille ? (hauteur) Svp ?

**sebhm** · 20/10/2009, 14h38

oui c'est mieux le doctype.

Pour comprendre comment fonctionne tes div, mets un style css :

Code :

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

<style type="text/css">div { border : 1px solid red;}</style>

et tu verras deja la place qu'ils prennent reellement (sans la marge).

Donne nous ton code modifié (et simplifié au possible)
et explique nous bien ce que tu veux pour chaque div

**12monkeys** · 20/10/2009, 21h18

Bonsoir

Il faut commencer progressivement... Et commencer par lire les cours : http://j-willette.developpez.com/tut...bases-du-html/ et http://css.developpez.com/cours/

Par exemple les éléments dans un tableau doivent toujours se trouver dans une cellule (balise <td></td>) et pas entre <table> et <tr> ou encore dans une ligne (balise <tr>)

Code :

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

1
2
3
4
5
6
7
<table>
  <tr>
    <td>
Contenu
    </td>
  </tr>
</table>

De plus utiliser des position absolute de partout ce n'est pas une bonne idée, utilises au maximum le positionnement dans le flux naturel...

**Adaeria** · 21/10/2009, 17h16

Envoyé par 12monkeys

Bonsoir

Par exemple les éléments dans un tableau doivent toujours se trouver dans une cellule (balise <td></td>) et pas entre <table> et <tr> ou encore dans une ligne (balise <tr>)

Code :

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

1
2
3
4
5
6
7
<table>
  <tr>
    <td>
Contenu
    </td>
  </tr>
</table>

Bonjour, désolé de la lenteur de ma réponse. Merci pour ton conseille avec cela je récupère mon cadre =P et IE ne me fait plus la tête.

Sebhm: Voila le code simplifier pour juste les div ( pas trop j'espère ).

Html

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
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
 
		</head>
 
	   <body>
 
 
 
	<div id="entete"> 
<!-- Header -->
	<div>
 
<div id="hmenu">
 
<!-- Menu du haut -->
 
 </div>
 
 
 
 <div id="enum">
 
  <!-- Menu droite  -->
 
   </div>
 
   <br><br><br>
 
 
 
	  <div id="corps">
 
	 <!-- Corp  -->    
 
<table> 
 <tr>
 <td>
 <br>
 
<div id="msg">
 
 <!-- Corp Titre tac  -->
 
</div>
 
 <div id="tac">
 
 <!-- Corp contenue tac  -->
 
</div>
 
 
 <div id="coor">
 
 <!-- Corp titre Coordonne  -->
 
</div>
 
 
  <div id="donne">
 
 <!-- Corp contenue Coordonne  -->
 
</div>
 
 
<div id="archive">
 
 <!-- Corp titre News  -->
 
 
</div>
 
 
<div id="actu"><br>
 
 <!-- Corp contenue News -->
 
</div>
 
<br>
 
 
<div id="lien" >
 
 <!-- Corp Titre Lien  -->
 
</div>
 
 
<div id="utili" ><br>
 
 <!-- Corp contenue Lien  -->
 
</div>
 
 
 <div id="rencontre">
 
  <!-- Corp contenue Rencontre  -->
 
</div>
 
 
<div id="photo">
 
 <!-- Corp Titre Galerie  -->
 
</div>
 
 
<div id="galerie" > <center>
 
 <!-- Corp contenue Galerie -->
 
</div>
 
 
 
    </td>
  </tr>
</table>
 
 
  </div>
 
 
 
 
 
   </body>
 
		  </html>

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
body
{   margin:auto;  color:rgb(83,85,87);}
 
 
 
  /*Partie header*/
 
 
 
 
#hmenu
 { border-collapse: collapse;   margin:0px; margin-left:0px; padding:0px; white-space:nowrap; }
 
 
 
 
   /*Fin Partie Menu du Haut  _ Debut Partie Menu*/
 
 
 
 
 #enum
{ float:right; margin-right:15px;  width:15%; }
 
 
 
 
/*Fin Partie Menu   _ Debut Partie Corp*/
 
 
 
#corps
{ margin-right:18px; margin-left:15px;    width:82.2%;   }
 
 /*Partie Corp_ Le T.A.C*/
 
#msg
{   margin-left:10px; width:46.49%; border-bottom: none;    position:absolute;  }
 
#tac
{ float:left; margin-left:10px; margin-top:16px; width:56.6%;  border-top:none;  }
 
 
  /*Partie Corp_ L'Entrainement*/
 
#coor
  { float:left; margin-left:15px;  width:41%; border-bottom: none; }
 
#donne
  { float:left; margin-left:15px; width:41%; border-top:none;    }
 
  /*Partie Corp_ News*/
 
 
 
#archive 
{ margin-top:15px; float:left; margin-left:15px; width:41%;  border-bottom: none;   }
 
#actu
  { float:left; margin-left:15px; width:41%; border-top:none;  }
 
  /*Partie Corp_ Lien*/
 
 
#lien
{   margin-left:10px; width:56.6%; border-bottom: none;    float:left;  margin-top:15px; }
 
#utili
{ float:left; margin-left:10px;  width:56.6%; border-top:none; }
 
   /*Partie Corp_ Galerie*/
 
#photo
{  margin-left:10px;  width:56.6%;  border-bottom: none;  float:left;  margin-top:15px;}
 
#galerie
{ float:left;  margin-left:10px;   width:56.6%;  border-top:none;  }
 
 
 
 
 /* Corp_ Equipe*/
 
 #rencontre
{ margin-top:5px; }
 
 
 
 
   /*Fin Partie Corp_ Equipe*/
 
  /*Fin Partie Corp*/

Avec le petit Schéma ( Trés mal fait =P mais compréhensible ) :

http://www.casimages.com/img.php?i=0...1940843144.jpg

Voila tout marche , mais je voudrai savoir si mon code est bien , et comment l'améliorai svp =)

Mise en page sous IE - Probleme 18p - 22p

HTML

Vue hybride

Discussions similaires

Partager

Partager