Form qui se déforme

[xpatval]

Bonjour,

Le code ci-dessous fontionne ainsi:

Affichage de la page, avec un formulaire proposant un choix de sauvegardes. Ce formulaire est positionné sur la partie gauche de <div id=contents>.

Lorsque l'on clique sur le premier choix, la partie droite du <div id=contents> est censé afficher les infos relatives au déroulement de cette save.

Ce formulaire se ferme (</form>) en fonction des conditions.

Or, FF ne veut pas de cette disposition html, bien que le code semble valide, alors qu'IE le permet.

Existe-t-il une solution ?

Voici le code html:

<div id="container">
	<div id="header"> 
  <h2 style="text-align:center;margin-top:30px;">Module d´administration des données</h2> 
	</div>
	<div id="menu">blabla</div>
	<div id="contents">
	<?php
	include "initvar.php";
	?>
	<form method="post" action="<?php $PHP_SELF;?>">
  <fieldset>
  	<legend>Sauvegarde manuelle de la bdd</legend>
  	<h3>Choix de sauvegarde:</h3>
  	<div id="gauche">
    <p>
    	<label>Sauvegarde globale de la base:</label><br><input class="choix" type="submit" name="action" value="Globale">
    </p>
    <p>	
    	<label>Sauvegarde de tables spécifiques:</label><br><input class="choix" type="submit" name="action" value="Tables">
    </p>
  	</div>
	<?php
	switch ($action)
	{
  case "val":
  	echo "action1 = ". $action;
  break;
  case "Globale":
    	?>
    	<div id="droit">
      <div class="droit"><?php include "proc_save.php";?></div>
    	</div>
    </fieldset>
  	</form>	
  	<?php
  break;
  default: ?>	<div id="droit">
      <div class="droit"></div>
    	</div>
    </fieldset>
  	</form> 
  	<?php
  break;
	}
	?>
	</div>
	<div id="footer">
  <p>| </p>
	</div>
</div>

Et le CSS qui va avec:

body
{
margin: 0;
padding: 0;
font-size: 85%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #123 url(commun/fond.gif) repeat;
}
a:link {
color: #fff;
text-decoration:none;
}
a:visited {
color: #fff;
text-decoration:none;
}
a:hover { color: #fff; }
a:active {
color: #FFD9B3;
background-color: #427142;
}

h2 {
color:#FFF;
}

#container
{
margin:0.5em auto;
margin-top:0;
width: 750px;
text-align: left;
background-color: #FFD9B3;
}
#header
{
height: 100px;
position: relative;
background-color: #123;
}

#contents
{
background-color:#CCCCCC;
margin: 10px 170px 40px 10px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 5px 20px 5px 15px;;
}

#contents p {
font-size:80%;
font-weight:700;
color:#000000;
border:1px solid #DADADA;
margin-right:10px;
margin-bottom:5px;
padding:5px;	
}

#contents fieldset {
padding:10px;
border:1px dotted #333333;
}

#contents legend {
background-color:#333;
border:1px solid red;
padding: 5px;
color:#FF0000;
font-weight:800;
}

#gauche { 
float: left;
left:5px; 
width: 48%; 
height:100%; 
border-right: 1px solid #990000; 
}

#droit { 
position:absolute;
margin-left: 5px;
width: 50%;
height:100%; 
text-align:right; 
}

.droit { 
text-align:left;
border: 1px solid #DADADA;
overflow:auto;
height:180px; 
} 

#contents label {
font-size: 95%;
text-align: right;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}

#contents ul {
margin:0;
padding-left:40px;
font-size: 80%;
border:1px solid #999999;
}


#contents em {
font-size:80%;
}


#contents input.choix {
background-color:#AAA;
margin: 7px 3px 5px 70px;
color: red;
padding:1px;
}

#menu
{
float: right;
width: 150px;
background-color:#333333;
padding: 5px;
margin: 10px 2px 0 0;
}

#menu p {
color:#fff;
font-size:80%;
font-weight:bold;
text-align:center;
margin-bottom:-15px;
}
#menu a:hover {
text-decoration:overline underline;

}
#menu a:link,#menu a:visited,#menu a:active {
font-size: 75%;
color:red;
}

#menu ul {
border:1px solid red;
padding:0;
margin-left:2px;
list-style-type:none;
text-align:center;
}

#menu li {
padding:7px;
}

#footer
{
clear: both;
color: #E4CAAF;
background-color: #427142;
text-align: center;
padding: 5px;
font-size: 75%;
}

Merci,

xpatval

[xpatval]

Bon et bien, amélioration grâce à un float:right; en lieu et place d'un position:absolute; dans #droit....

xpatval

[jeanpierre949]

slt.

Il me semble avoir vu que tu as une balise </form> et </fielset> en trop dans le html