28173 sujets

CSS et mise en forme, CSS3

Bonjour a tous,

Voici un petit problème...
J'ai une mise en page à 2 colonnes, 1 de menu, 1 de contenu, et celle de contenu contient 2 colonnes.
J'arrive a bien les positionner, mais cela efface le background de leur conteneur... Smiley sweatdrop
Voici le code du conteneur, et des 2 div contenues à l'intérieur :

#main{
	margin-left: 187px;
	margin-bottom: 20px;
	padding: 75px 15px 0 20px;
	background: transparent url("images/bg_page.jpg") no-repeat 0 -1px;
	border: 1px solid white;
	border-bottom: none;

#colonne_centre {
	float: left;
	display: inline;
	background: transparent;
	margin-left: 20px;	
	text-align: left;
	}
#colonne_droite {
	float: left;
	display: inline;
	background: transparent;
	margin-left: 20px;	
	text-align: center;
	}


Et j'arrive pas à m'en sortir...
quelqu'un aurait une idée?
Merci d'avance!!!
Modifié par nicpan (18 Sep 2006 - 10:09)
Bonjour,

À vue de nez il doit manquer un petit clear quelque part, mais avec si peu d'information, difficile de juger. Un petit exemple en ligne serait le bienvenue.
Ok, j'essaierai de mettre ca demain!
Rah, si tu peux m'aider, tu sauvera quelques touffes de cheveux Smiley cligne
Bonjour,

Après une version sans image et un rechargement, j'ai tout ce qui faut là où il le faut me semble t'il sous FF et IE...
C'st vrai que ce n'est pas franc cette affaire, peut être tes png ? essayes de passer en gif. Mais je t'avouerais je ne suis pas arrivé à reproduire le problème
Merci d'avoir regardé Smiley smile
Les images sont de la bonne taille, mais ce ne sont que des images pour tests.
En fait, sous FF, sur la gauche le bleu devrait descendre jusqu'a l'heure, et le bleu clair du centre devrait descendre jusqu'en bas du contenu...
Sous ie, le bleu à gauche descend bien, mais pas le bleu central...

Si j'enleve la mise en forme du contenu central, les divs s'empilent les unes au dessus des autres (normal Smiley cligne ), et toutes les images apparaissent bien... ce n'est que quand je mets les float que le fond s'efface!
Bref, suis un peu perdu la...

Merci de ton aide Smiley smile
Re,
Et bien finalement, j'ai solutionné mon problème, il suffisait de mettre un height...
Etrange, mais ca fonctionne Smiley smile

Bon fin de week end Smiley cligne
Salut,

Fais attention tu as quelques belles boulettes pour tes backgrounds ...
Vérifie la portabilité sur IE et FF
Modifié par ghost (17 Sep 2006 - 19:17)
Yep, en fait, il y a des images à la place du bleu, j'avais mis des images à la bonne dimension vite fait Smiley sweatdrop
En tout cas, merci bien Smiley smile