28173 sujets

CSS et mise en forme, CSS3

Bonjour, alors voilà j'ai un soucis pour aligner 2 box par ligne. Et ceci sur 2 lignes.

Sous FF ça marche. Pas sous IE Smiley decu

D'ailleurs le texte n'est pas agencé pareil, là non plus je ne sais pas pourquoi.

Voila le code css:


.boxtopleft, .boxbottomleft {
	width : 320px;
	height : 220px;
	padding-left : 10px;
	font-size :12px;
}

.boxtopright, .boxbottomright {
	width : 320px;
	height : 220px;
	padding-right : 10px;
	font-size :12px;
}

.boxtopright {
	float : right;
}
.boxtopleft {
	float : left;
}
.boxbottomright {
	float : right;
}
.boxbottomleft {
	/*float : none;*/
}


Le rendu sous FF, impécable :

http://pix.nofrag.com/f5/d7/d52c9f43899160bd6ce49dc48dbat2.jpg

Le rendu sous IE Smiley decu :

http://pix.nofrag.com/c9/1f/946ea64a9a62528a59af88aadfc3t2.jpg

Merci de votre aide Smiley ohwell , je comprend pas le problème là...
bonjour

problème : IE interprete les marges/padding differement que FF, donc ton bloc n'a pas la palce de rentrer et est donc poussé vers le bas.

solution :
1/
commentaires conditionnels
2/ bidouiller les marges/padding/width/height pour que ca rentre
Modifié par le.troll (20 Jul 2007 - 14:18)
J'y avais pensé et le problème ne viens pas entierement de la. Car si je fait des boite de 100*100px et qui donc peuvent rentrer sans soucis. Sous FF ok.

Sous IE, le bloc 3 se positione a droite du bloc 1...

Les bloc 2 et 4 sont alors bien placés.

Je pensais faire un conteneur par ligne ? C'est crado mais ça marche, si je trouve pas d'autre solutions Smiley decu
je pense qu'avec les com' conditionnel ca devrai marcher, non?

un div par ligne, porquoi pas.

Tu peux même employer un tableau, ici et pour une telle disposition cela se justifier.

... mais si tu y arrive autrement, c'est mieux Smiley biggrin
Salut!

Ouais, le troll a raison, tu t'fais une feuille de style spéciale pour IE et la tu tatonne à ta manière si tu maitrise pas et tu met un p'tit comm' conditionnel!

Bon courage !
@+
Salut,

Un bout de code complet (avec le html qui va bien avec) ou le top une page en ligne... Sinon on risque de tirer longtemps des "plans sur la cométe" Smiley cligne
Modifié par ghost (20 Jul 2007 - 19:06)