Boite de la mort ! - Forum Alsacréations : CSS et Standards Web

Auteur
moon	# 07 May 2008 - 15:45:23
56 Posts	Bonjour messieurs, IE me fait des siennes. Voila le sujet. J'ai a designer cet élément : imaginez une boite avec le haut, gauche, droite complètement linéaire et de 1px (border-xxx) et le bas de cette boite est en forme d'ellipse. Pour construire cela nous sommes partis sur ce type de boite : <div class="slot"> <p>mon texte</p> <div class="slotall"> <div class="slotleft"> <div class="slotright"> </div></div></div> </div> Et voici mes classes : .slot {border-bottom: 0 none;border-left:solid 1px #a1b0ad; border-top:solid 1px #a1b0ad; border-right:solid 1px #a1b0ad;} .slotall { margin:-1em -0.5em; background:url(../img/common/slot_bottom.gif) bottom repeat-x; } .slotleft { background:url(../img/common/slot_bottomleft.gif) bottom left no-repeat; } .slotright { background:url(../img/common/slot_bottomright.gif) bottom right no-repeat; } Seulement voila !!!! Avec des marges négatives IE me remet en bas de slot des traits qui ressemblent a des border-bottom.... Grrr ! (alors que FF ! pas de probs) Quelqu'un a une idée ? merci
56 Posts
Florent V.	# 07 May 2008 - 20:49:20
On va manger des chips. Modérateur 11436 Posts	Bonjour, 1. Ça me semble bien compliqué tout ça. On peut voir le design de la boite, pour voir s'il n'y a pas plus simple à faire? 2. À priori, on utiliser plutôt un bloc positionné en relatif et des éléments de décoration positionnés en absolu. Cf. la méthode pour faire des coins arrondis qui doit trainer ici ou là... Ressources en intégration web (HTML et CSS)
On va manger des chips. Modérateur 11436 Posts
Prévenir un modérateur

Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr