28173 sujets

CSS et mise en forme, CSS3

Soucis incomprehensible.

Bonsoir,

C'est la première fois que je poste, mais ce site est une mine d'informations pour moi et j'ai décidé de passer le pas.

Histoire de commencer en beauté, je vous propose un probleme qui me tourmente depuis 2h.

voici mon css.


#page
{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#00CC00;
}

#banniere
{
	width:1000px;
	height:100px;
}

<!-- =================================================================================================================================== -->
<!--                                                        MENU GAUCHE                                                                  -->
<!-- =================================================================================================================================== -->

#menuGauche
{
	width:200px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#6666CC;
}


#menuGauche ul
{
	border-top:1px solid #66CC00;
	border-bottom:1px solid #66CC00;
	background-color:#FFFF00;
}

#menuGauche ul li
{
	list-style-image:url(../Images/Design/jpg/point.jpg);
}

#contenu
{
	width:800px;
	height:auto;
	float:right;
	background-color:#FF0000;
}


et mon HTML.

<div id="page">
			<div id="banniere">
				<img src="Templates/Images/Design/jpg/bandefaut.jpg" alt="Banniere" />
			</div>
			<!-- ------------------------- MENU GAUCHE ------------------------- -->
			<div id="menuGauche">
				<ul>
					<li>Mon compte</li>
				</ul>
				<ul>
					<li>Règles</li>
					<li>Derniers paris</li>
					<li>Paris populaires</li>
					<li>Top 10 parieurs</li>
				</ul>
				<ul>
					<li>Une question ?</li>
					<li>Contact</li>
				</ul>
			</div>	
			
			<div id="contenu">	
	                      <p>Bonjour</p
			</div>
		</div>


Une image vaut mieu qu'un long discours

http://img233.imageshack.us/img233/2646/soucisci1.th.jpg

En fait le bloc rouge 'contenu' devrait etre a coté du menu gauche.
Modifié par loux2 (21 Sep 2007 - 23:30)
En fait j'ai spécifié un div de 200px et pourquoi mon ul ne s'adapte pas a ces 200px.

NB: le soucis se porte sous firefox alors que sous IE7 aucun soucis.
Il faudrait commencer par corriger tes commentaires:

- Les commentaires CSS n'ont pas la même syntaxe que les commentaires HTML (il s'agit de deux langages différents!). Un commentaire CSS ressemble à ceci: 
/* Ceci est un commentaire */

- les commentaires HTML ne doivent pas contenir la chaine de caractères -- . Il faut donc éviter d'écrire ceci: 
<!-- [#red]-------------------------[/#] BLABLA GAUCHE [#red]-------------------------[/#] -->

Modifié par Florent V. (22 Sep 2007 - 00:04)
Petit bonjour du samedi.

J'ai bien recu votre réponse et il s'agissait bien de ce probleme de commentaires.

Je vous remercie beaucoup et bonne journée.
Sujet clos
Aller à