28220 sujets

CSS et mise en forme, CSS3

bonjour à tous!

j'ai un petit problème de positionnement quand le contenu de ma partie centrale est plus grand que ma partie gauche.
Le texte de ma partie centrale qui dépasse passe sous ma partie gauche!

quelqu'un à une idée? voici ma css!

merci d'avance



.conteneur
 { 
	width: 780px;
	position: absolute;
	left: 50%;
	margin-left: -390px;
}

#header
 {
         width : 780px;
         height: 150px;
}

#gauche
{
	float: left;
	width: 150px;
}

#centre
{	
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	display:inline;
}

#pied
{
	margin: 0 auto;
	width: 780px;
	height: 70px;
	clear:both;
	
}

Modifié par ayiore (02 Jan 2006 - 15:04)
bonsoir,

j'ai parlé trop vite!!

j'avais pas regadé sous ie!
horizontalement ma partie centrale est bien positionnée par contre verticalement elle ne s'affiche après ma partie de gauche (elle ne glisse pas dessous c'est déjà ça!

ma css:


.conteneur

 { 

	width: 780px;

	position: absolute;

	left: 50%;

	margin-left: -390px;

}



#header

 {

         width : 780px;

         height: 150px;

}



#gauche

{

	float: left;

	width: 150px;

}



#centre

{	

	width: 630px;

	margin-left: 150px;

}



#pied

{

	margin: 0 auto;

	width: 780px;

	height: 70px;

	clear:both;

	

}


j'ai essayé de rajouter la propriété:

display:inline; à ma partie centrale ça la repositionne bien verticalement mais tout ce qui descend plus bas que ma partie de gauche, glisse en dessous! et de toute façon ce n'est pas une solution!

quelqu'un à une idée?
j'ai toujours mon problème sous ie!

ma partie centrale ne veut pas se mettre sur la même ligne que ma partie de gauche elle se décale de la hauteur de ma partie de gauche!

sous ff pas de soucis!

quelqu'un peut m'aider?