28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je suis en train de réaliser un site Web et je débute en CSS.
J'ai deux bloc, un à gauche et l'autre au centre qui doivent être positionnés l'un à côté de l'autre et qui sont contenus dans un autre bloc. Le bloc de gauche a une taille fixe et le bloc de droite remplit tout le reste de la page.
Jusque là tout va bien mais lorsque je met des éléments dont la largeur est fixée dans mon bloc central, au lieu de m'afficher un scroll en bas de la page, il me descend mon bloc central en dessous ce qui donne un affichage tout pourri. J'ai essayé avec les propriété min-width, overflow. J'ai essayé différents types de positionnements flottant. Rien à faire j'y arrives pas mais je n'ai pas forcément bien utilisé ces propriétés.
Pour info voici mon css actuel :



#centerbloc
{
	float: left;
	width: auto;
	height: 97%; 
	margin: 0px 1px 1px 5px !important;
	padding: 0px !important;

}

#leftbloc
{
	float: left;
	width: 176px;
	min-width: 20px;
	height: 97%;
	margin: 1px;
}



Si quelqu'un peut m'aider, je suis preneur.
Merci
Modifié par jeanjean40 (11 Sep 2007 - 08:49)
J'ai oublié de préciser qu'il faut que la solution marche sous ie 6 mais pas forcément sous firefox car l'appli est destinée à un intranet. Si vous avez besoin de plus d'infos pour m'aider n'hésitez surtout pas... Smiley biggrin
Merci
Bonjour jeanjean40 et bienvenue sur Alsacréations Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Pour ton soucis il est peut-être fondamental de réviser: Initiation au positionnement CSS sur Openweb :

-1. flux et position relative
-2. position float
-3. position absolue et fixe

Une page en ligne serait aussi un plus pour la résolution de ton problème Smiley cligne .

Bonne continuation Smiley smile

upload/1-code.gif