28220 sujets

CSS et mise en forme, CSS3

[Résolu] Conteneur qui bouge (FireFox)

Bonjour,

je suis Olivier, amateur de développement de site Web. C'est mon deuxième poste sur ce forum. Après quelques recherches, je n'ai pas trouvé mon bonheur.

Sur mon site:
http://o.aubertin.free.fr

j'utilise une largeur fixe avec marge auto, vu sur alsacreations. Lorsque je navigue dans le menu vertical, je constate uniquement sous FireFox (pas de problème avec IE) que mon conteneur principal bouge soit sur la gauche soit sur la droite.

Je n'arrive pas à identifier le problème.

Avez-vous une suggestion?

Merci d'avance.

Mon css:

body {
margin: 0;
padding: 0;
text-align: center;
}

#conteneur {
border: 1px solid #000000;
background-color: lemonchiffon;
margin: 0 auto;
text-align: left;
width: 790px;
}

#entete {
border: 0px solid #000000;
background-color: #000000;
height: 130px;
padding-top: 10px;
}

#menuh {
border-top: 0px solid #000000;
margin-left: 630px;
margin-top: 0.5em;
margin-bottom: 0.5em;
/*height: 1.5em;*/
}

#menuv {
border-top: 0px solid #000000;
background-color: lemonchiffon;
float: left;
width: 143px;
}

#centre {
border: 1px solid #000000;
border-right: 0px solid #000000;
background-color: #ffffff;
margin-left: 143px;
padding:15px;
}

#pied {
height: 35px;
text-align: left;
clear: both;
}


Ma page principale:

<!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>Site personnel Olivier Aubertin</title>

<meta name="publisher"		content="Site personnel Olivier Aubertin" />
<meta name="reply-to"		content="o.aubertin@free.fr" />
<meta name="category"		content="" />
<meta name="robots"		content="index, nofollow" />
<meta name="description"	content="Site personnel Olivier Aubertin" />
<meta name="revisit-after"	content="15 days" />
<meta name="author"		content="Site personnel Olivier Aubertin"	lang="fr" />
<meta name="copyright"		content="Site personnel Olivier Aubertin" />
<meta name="generator"		content="Matizha Sublime 3.0, Photo Filtre, XnView" />
<meta name="abstract"		content="Site personnel Olivier Aubertin" />
<meta name="identifier-url"	content="http://o.aubertinfree.fr" />
<meta name="keywords"		content="olivier, aubertin, logiciel, libre, ariane" />

<link rel="stylesheet" type="text/css" href="style/_cadre.css">
<link rel="stylesheet" type="text/css" href="style/_style.css">
<link rel="stylesheet" type="text/css" href="style/_menuv.css">


</head>

<body>

<div id="conteneur"><!-- debut conteneur -->

	<div id="entete"><!-- debut entete -->
		<p class="centre"><img src="images/titre.png" alt="Bienvenur sur o.aubertin@free.fr"></img></p>
	</div><!-- fin entete -->

	<div id="menuh"><!-- debut menuh -->
		&nbsp;<a href="index.php?page=accueil">Accueil</a>&nbsp&nbsp;|
		&nbsp;<a href="mailto:o_aubertin@hotmail.com">Contacts</a>&nbsp&nbsp;|
		&nbsp;<a href="index.php?page=liens">Liens</a>&nbsp;
	</div><!-- fin menuh-->

	<div id="menuv"><!-- debut menuv -->
		<ul class="menugauche">
  			<li>CV & PROJETS</li>	
  			<li><a href="index.php?page=cv">CV</a></li>	
  			<li><a href="index.php?page=projets">Mes projets</a></li>
  			<li><br />DOSSIERS</li>
			<li><a href="index.php?page=open_source_presentation">Open Source</a></li>
  			<li><a href="index.php?page=open_source_article_01">Open Source: Article</a></li>
  			<li><a href="index.php?page=etl">L'ETL</a></li>
  			<li><a href="index.php?page=astuces_windows">Astuces Windows</a></li>
		</ul>
	</div><!-- fin menuv-->
	  	  

	<div id="centre"><!-- debut centre-->
		<?php 
		if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; 
		switch($page)
		{
		case 'accueil':				include ('accueil.html');break;
		case 'cv':					include ('accueil_cv.html');break;
		case 'projets':				include ('accueil_projets.html');break;
		case 'dossiers':				include ('accueil_dossiers.html');break;
		case 'liens':				include ('accueil_liens.html');break;

		//Pages dossier opens_source
		//**************************
		case 'open_source_presentation':	include ('dossiers/open_source/open_source_presentation.html');break;
		case 'open_source_article_01':	include ('dossiers/open_source/open_source_article_01.html');break;
		case 'etl':					include ('dossiers/etl/etl.html');break;
		case 'astuces_windows':			include ('dossiers/astuces_windows/astuces_windows.html');break;
		} 
		?>
	</div><!-- fin centre-->
	  
	<div id="pied"><!-- debut pied -->
		<table style="width:100%;height:100%"><tr valign="bottom"><td><p>&nbsp;V1: 21/02/2005</p></td><td style="text-align:right"><p style="text-align:right">Webmaster: <a href="mailto:o_aubertin@hotmail.com">o_aubertin@hotmail.com&nbsp;</a></p></td></tr></table>
	</div><!-- fin pied -->

</div><!-- fin conteneur -->

</body>

</html>

Modifié par raoudi57 (15 Mar 2005 - 17:02)
Bonjour,
Je n'ai pas ce problème sous Firefox 1. Ne serait-ce pas l'apparition de la barre de défilement vertical lorsque l'on ouvre une page dont le contenu est plus haut que la taille de ta fenêtre qui te donne cette impression?
Merci Igor, je n'avais même pas vu que la barre de défilement sous FireFox n'était pas toujours présente.

Désolé pour le dérangement.

Merci je ferme le post.

Olivier
Sujet clos
Aller à