problème de positionnement floatant

par **x@v** » 31 août 2008, 20:53

Bonjour,
je vaux faire un menu en liste, aligné.
Mais sa décale tout mon site ?

si je retire le float left du ul sa fonctionne

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>CSS TEMPLATE 02a</title>
	<link rel="stylesheet" media="screen" type="text/css" href="css/test.css" />
</head>
<body>
<div id="logo">logo</div>
<div id="barreTitre">
	<ul>
				<a href="?page=actualites">
				<img class="menuInformatifImg" src="img/picto_actu.png" alt="actualité" />
				&raquo;&nbsp;Actualités
			</a>
		</li>
			<li>&nbsp;</li>
		<li>
			<a href="?page=faq">
				<span class="menuInformatifImg"><img src="img/picto_faq.png"  alt="faq" /></span>
				&raquo;&nbsp;Vos questions
			</a>
		</li>
	</ul>
</div>
<div id="menu">
	<h1>Titre 1</h1>
	<p>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu menu menu menu menu menu menu menu menu <br><br>
	</p>
</div>
<div id="content">
   <h2>Titre 2</h2>
   <p>content content content content content content 
   content content content content content content content content </</p>
   <p>
		contenu contenu contenu contenu contenu contenu contenu contenu contenu <br />
		contenu contenu contenu contenu contenu contenu contenu contenu contenu <br />
		contenu contenu contenu contenu contenu contenu contenu contenu contenu <br /> 
   </p>
</div>
<div id="piedPage">
	pied de page
</div>
</body>
</html>

Code : Tout sélectionner

html {padding:0px;margin:0px;}
ul{list-style:none; }
 body {}
 #barreTitre { text-align:right;}
 ul#menuHorizontal li { float:left}
 /*----- LOGO -------*/
 #logo {
 	height:100px;width:500px;
 background: url('http://intensivstation.ch/files/en_templates/css_logo.gif');background-repeat:no-repeat;
   display:block;}
 
 #menu {float:left; width:25%; overflow: auto;}
 #content {float:left; width:75%; overflow: auto;}
 #piedPage {clear:left;height:20px;width:75%;margin-bottom:20px;}

Merci
j'ai trouvé en faisant display:inline;

problème de positionnement floatant

Répondre

Étendre la vue Revue du sujet : problème de positionnement floatant

problème de positionnement floatant