Div et fieldset n'encadre pas correctement...

Fermé

ANTHURIUMRE - 31 oct. 2010 à 17:06
ANTHURIUMRE - 1 nov. 2010 à 14:28

Bonjour,
Je suis en train de travailler sur la structure d'un site. Tant que je ne mets pas le doctype les div et fieldset s'emboitent correctement sur EI 8 mais dès que je mets le doctype voilà que dans la partie contenu j'ai le fieldset du titre de contenu et titre de contenu Ca ' Voir code ci-dessous pour l'exemple ) qui ne s'imbriquent plus. Ce problème ne se produit pas avec opéra. Le pied de page aussi semble souffrir d'un problème. Quelqu'un pourrait-il me dire d'où vient le problème s'il vous plaît. Cela fait un bout de temps que je vérifie mais que je ne trouve pas d'anomalie à mon code html. Par ailleurs je l'ai épuré du code de présentation le doctype strict ne prenant pas en compte celui-ci en mettant une page css externe. Je vous présente ci-après le code HTML structurant le site. Merci pour votre aide.

<!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" lang="fr">
<head>
     <title>Titre de la page</title>
     <meta name="keywords" lang="fr" content="motcle1,mocle2" />
     <meta name="description" content="Description de ma page web." />
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
     <meta http-equiv="Content-Language" content="fr" />
     <meta http-equiv="Content-Script-Type" content="text/javascript" />
     <link href="stylediv.css" rel="stylesheet" type="text/css" />
</head>


<body link="#000000" vlink="#000000" alink="#000000">

<fieldset>

			<div id="bandeau">Ceci est le bandeau</div> <!--BANDEAU-->



			<div id="TITRE">
					<fieldset><legend><align="center">TITRE</legend><MARQUEE onmouseover="this.stop();" onmouseover="this.start();"><b><a href="FICHIER">XXXXXXX</a></b></MARQUEE>
					</fieldset>
			</div>


<div id="TITRE A">
	<fieldset><legend>TITRE Aa</legend>   <!--DEBUT DU BLOC DE DROITE-->

		<div id="TITRE">
			<fieldset><legend>TITRE Ab</legend>
			<?php include("FICHIER.php");?>
			</fieldset>
		</div>



		<div id="TITRE">
			<fieldset><legend>TITRE Ac</legend>
			<?php include ("FICHIER.php");?>
			</fieldset>
		</div>



		<div id="TITRE">
			<fieldset><legend>TITRE Ad</legend>
			<?php include ("FICHIER.php");?>
			</fieldset>
		</div>



		<div id="TITRE">
			<fieldset><legend>TITRE Ae</legend>
			<?php include("FICHIER.php");?>
			</fieldset>
		</div>



		<div id="TITRE">
			<fieldset><legend>TITRE Af</legend>
			<?php include("FICHIER.php");?>
			</fieldset>
		</div>



		<div id="TITRE">
			<fieldset><legend>TITRE Ag</legend>
			<?php include ("FICHIER.php");?>
			</fieldset>
		</div>


	</fieldset>
</div> <!--FIN BLOC DE DROITE-->







<div id="TITRE B">
		<fieldset><legend>TITRE Ba</legend> <!--DEBUT BLOC DE GAUCHE-->


	


			<div id="TITRE Bc">
				<fieldset><legend>Bd</legend>
				<?php include("FICHIER.php");?>
				</fieldset>
			</div>


			<div id="TITRE Be">
				<fieldset><legend>Bf</legend>
				<?php include("FICHIER.php");?>
				</fieldset>
			</div>


			<div id="TITRE Bg">
				<fieldset><legend>Bh</legend>
				<?php include("FICHIER.php");?>
				</fieldset>	
			</div>



			<div id="TITRE Bi">
				<fieldset><legend>Bj</legend>
					<?php include ("FICHIER.php");?>
				</fieldset>
			</div>



			<div id="TITRE Bk">
				<fieldset><legend>Bl</legend>
				<?php include("FICHIER");?>
				</fieldset>
			</div>



			<div id="TITRE Bm">
				<fieldset><legend>Bn</legend>
				<?php include ("FICHIER.php");?>
				</fieldset>
			</div>

		
		</fieldset>

</div><!--FIN DU BLOC DE GAUCHE-->




<div id="contenu"> <!-- DEBUT DU CONTENU  MON PROBLEME COMMENCE ICI--> 
	<fieldset><legend><h3>TITRE DU CONTENU C</h3></legend>

					<div id="contenuB">
							<fieldset><legend><h3><i>TITRE DU CONTENU Ca</i></h3></legend>
									<div id="photo1"><a href="FICHIER.php"><img src=
				
										<?php include ("image.php");?>
												width="250" height="200">			
																	</a>
									</div>
													<h4 class="texte">
														<a href="FICHIER.php">
						
															<?php include("FICHIER.php");?>
																		
														</a>
													</h4>
															<h5>

																<?php include ("FICHIER.php");?>						
										
															</h5>
							</fieldset>
					</div>




					<div id="contenuCb">
							<fieldset><legend><h3><i>TITRECb</i></h3></legend>
									<div id="photo2"><a href="FICHIER.php"><img src=
				
										<?php include("image.php");?>
												width="250" height="200">	
							
								</a>
					</div>
					
							<h4 class="texte">
							<a href="FICHIER.php">
										<?php include("FICHIER.php");?>
					
								</a>
							</h4>
							</fieldset>
					</div>


					<div id="contenuCc">
							<fieldset><legend><h3><i>TITRECc : </i></h3></legend>
										<div id="photo3"><a href="FICHIER.php">
											<img src=
				
												<?php include("image.php");?>
													width="250" height="200">	
	
														</a>
										</div>
					
							<h4 class="texte">
							<a href="FICHIER.php">
										<?php include("FICHIER.php");?>
						

							</a>
							</h4>
							</fieldset>
					</div>



					<div id="contenuCd">
							<fieldset><legend><h3><i>TITRE Cd</i></h3></legend>



													<div id="ContenuCe">
															<fieldset><legend><h3><i>TITRE Ce</i></h3></legend>
																<table id="tablepers"> 
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
						
																</table>
															</fieldset>

						
													</div>



													<div id="ContenuCf">
															<fieldset><legend><h3><i>TITRE Cf</i></h3></legend> 
																<table id="tablepers"> 
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5r</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
						
																</table>
				
															</fieldset>
													</div>



													<div id="Contenu Cg">		
															<fieldset><legend><h3><i>TITRE Cg</i></h3></legend> 
																<table id="tablepers"> 
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>

																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
																	<tr>
																		<td class="tpers">1</td>
																		<td class="tpers">2</td>
																		<td class="tpers">3</td>
																		<td class="tpers">4</td>
																		<td class="tpers">5</td>
																	</tr>
						
						

																</table>
															</fieldset>
													</div>



													<div id="Contenu Ch">
																<fieldset><legend><h3><i>TITRE Ch</i></h3></legend> 
																<table id="tablepers"> 
																		<tr>
																			<td class="tpers">1</td>
																			<td class="tpers">2</td>
																			<td class="tpers">3</td>
																			<td class="tpers">4</td>
																			<td class="tpers">5</td>
																		</tr>

																		<tr>
																			<td class="tpers">1</td>
																			<td class="tpers">2</td>
																			<td class="tpers">3</td>
																			<td class="tpers">4</td>
																			<td class="tpers">5</td>
																		</tr>

																		<tr>
																			<td class="tpers">1</td>
																			<td class="tpers">2</td>
																			<td class="tpers">3</td>
																			<td class="tpers">4</td>
																			<td class="tpers">5</td>
																		</tr>
						
																		<tr>
																			<td class="tpers">1</td>
																			<td class="tpers">2</td>
																			<td class="tpers">3</td>
																			<td class="tpers">4</td>
																			<td class="tpers">5</td>
																		</tr>
						
						

																	</table>
																</fieldset>
													</div>



		
							</fieldset>
					</div>

		


					<div id="contenucCi">
									<fieldset><legend><h3>TITRE ci</h3></legend>
											<h4 class="texte">
				
												<?php include("FICHIER.php");?>
					
									</fieldset>
					</div>


					<div id="contenuCj">
									<fieldset><legend><h3><i>TITRE Cj</i></h3></legend>
												<div id="photo4"><a href="FICHIER.php"><img src=
													<?php include ("image.php");?>
												width="250" height="200">
																</a>
												</div>
					
												<h4 class="texte"><a href="FICHIER.php"></a>
												</h4>
									</fieldset>
					</div>
	</fieldset>
	
</div>    <!--FIN DU BLOC CONTENU-->

</fieldset>

<!--DEBUT DU PIED PAGE-->
<div id="piedpage">
		<fieldset><h1><legend>Pied de page</h1></legend>
				Ceci est le piedpage
		</fieldset>
</div>


</body>
</html>

A voir également:

Div et fieldset n'encadre pas correctement...
Faire un encadré sur word - Guide
Div c++ - Télécharger - Langages
Chrome ne s'est pas correctement arrêté ✓ - Forum Google Chrome
Le logiciel fortinet n'a pas été installé correctement - Forum Virus
Sur quelles diapositives avait-elle encadré directement le titre ? ✓ - Forum Bureautique

1 réponse

Réponse 1 / 1

Siluni
31 oct. 2010 à 22:36

OH !!!!
1ere erreur vu => Tu declare plusieur fois les mêmes ID ?
Un ID est quelque chose d'unique dans le page.
Il faut utiliser

<div class="TITRE">

par exemple

IE et FF prenne en compte que la 1ere balise pour les CSS d'ou le probleme
Revois tes ID et ta CSS

ANTHURIUMRE
1 nov. 2010 à 04:55

Bonjour Siluni, j'ai tenu compte de tes remarques et ai modifié la structure. Toutefois cela ne résout pas mon problème. Merci pour ton aide et si d'autres veulent m'aider ils sont les bienvenues;

Siluni
1 nov. 2010 à 10:38

Aurai-tu une URL pour voir un exemple ?
Je ferai les tests avec firebug.

ANTHURIUMRE
1 nov. 2010 à 14:28

Bonjour Siluni, non je n'ai pas d'URL, je suis en train de faire la structure du site. Merci pour ton aide.

Discussions similaires

document html

Encadrement d'un Titre intégré au cadre

Un cable réseau n'est pas branché correctement ou est endommagé

présentation d'une diapositive

Réutiliser les diapositives