Discussion :

[new-dmx]

Bonjour je debute en creation de site web.
J'ai creer un site tres recement avec des tableau de mise en forme et j'ai compris par la suite qu'il fallais mieu les eviter

Avec l'aide des membres du forum je suis arriver a restructurer le site avec des balises DIV.

J'ai donc un site totalemen fait avec des balises div contenu dans un css, je m'initie un petit peu a l'html... lentement mais surement

Pourquoi n'obtient pas ont les memes resultats sou FireFox est sous Internet Explorer?
Pouvez vous m'aider a resoudre les petit problèmes d'affichage SVP ?
certaines zones changent de place (comme le pied de page ou la frise) comment faire pour qu'elle restent fixe? Merci


site

CSS

[Strix]

Salut.

Tu pourrais donner les parties qui ne vont pas ? Ce sera plus simple que de ce faire tout le Html + le CSS...
Et dire exactement ce qui se passe pour tes div qui changent de place ?

Merci

[new-dmx]

Oups desolé

resultats visuels en colorant les balises div :

SOUS FF



Sous IE



CSS

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
 
div#sous_image1 { 
width : 335px;
height : 150px;
background-color:yellow;
}
 
div#pied_page { 
text-align : center;
clear : both;
width : 700px;
height : 50px;
padding-left : 200px;
padding-top : 10px;
background-color:red;
}
 
div#contenu { 
float : left;
height : 470px;
width : 690px;
margin-top : 50px;
margin-left : 10px;
background-color:blue;
}

HTML :

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
	<div id="sous_image1"><div align="left" class="index_gal">
      <div align="center">D&eacute;couvrez nos projets en cours dans notre galerie photo : </div>
    </div></div>
	</div>
 
	<div id="contenu_droite">
	<div id="sur_image1">
	  <div align="justify">
	    <p>&nbsp;</p>
	    <p><span class="titre_parag"...<br />
	      Pour le d&eacute;veloppement 
 
	      </p>
	  </div>
	  <p align="justify" class="texte">Notre &eacute;quipe....      intel'project s.a. est....</span></div>
	<div id="sous_image1"><a href="galerie/index_gal.php" target="_blank"><img src="images pages/img_gal.PNG" border="0" /></div>
	</div>
 
  	</div>
 
 
 
 
	<div id="pied_page">
 
	<span class="coordspan><br /> 
	<span class="coordo2">- La Colombi&egrave;re 4 - CP 147 - CH 2900 Porrentruy 2 </span>
 
	</div>
 
 
</div></body>

[Strix]

Le code que tu as donné est-il corrigé ou non ? J'en ai pas l'impression... SI tu pouvais le corriger et ensuite édité ton code, ce serait sympa !

[new-dmx]

Merci, c'est vrement sympa ,
Et desolé bisunurs pour les [-code-] je ne connaissai pas.

Oui javais bien les erreures cité, mais rectification du code html je n'arrive pas a coller le "pied de page" rouge avec le "contenu" bleu
Comme sur les fotos...

[new-dmx]

desole strix, voici mon code corrigé

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
 
	<div id="sous_image1"><div align="left" class="index_gal">
      <div align="center">D&eacute;couvrez nos projets en cours dans notre galerie photo : </div>
    </div></div>
 
 
	<div id="contenu_droite">
	<div id="sur_image1">
	  <div align="justify">
	    <p>&nbsp;</p>
 
 
  	</div>
 
 
 
	</div>
	<div id="pied_page">
 
	<span class="coordo1">intel'project S.A.</span><br /> 
	<span class="coordo2">- La Colombi&egrave;re 4 - CP 147 - CH 2900 Porrentruy 2 </span>
 
	</div>

Je n'arrive pas a le mettre tout en couleur dsl

[Strix]

Va me falloir un peu de temps, hein ?

Ton code est pas des plus faciles à cerner, y a un nombre de div assez impressionnant... Donc soit pas trop pressé

[trotters213]

Déjà je te conseille de corriger ceci : http://validator.w3.org/check?verbos...project.com%2F
Ensuite, la différence est dû au fait que les navigateurs n'interprètent pas les balises de la même manière donc ça engendre des différences (que tu peux quasiment toujours réglées).
Ensuite ton problème vient du fait que tu oublies de fermer ton div contenu_droite juste avant pied_page.
De même tu ouvres, dans le div contenu_droite un p que tu ne fermes jamais et, par contre, tu fermes un span qui n'est jamais ouvert.