28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je sèche sur la transposition d'un excellent modèle 3 colonnes (voir l'original ici : http://www.pixy.cz/blogg/clanky/css-3col-layout/ ).

Ayant besoin d'un contenu central avec le haut à coin arrondi tel qu'il est fait là (image de fond à revoir) , et d'un footer non pas en dessous de tout mais dans la zone centrale j'ai adapté le css du modèle que j'utilise de temps en temps.
Autre modif : le tout est enveloppé pour conserver une largeur fixe centrée.
( http://neo-tekk.com/bac-a-sable/PNR/TPL1/template3.html )

Le comportement sous ie6 dans mon adaptation bug désepérément sur la colonne de droite Smiley confus
(les fonds sont corrompus et la colonne virtuelle de droite perd son apparence ) Évidemment sur l'exemple d'origine tout est ok.

il y a un petit js qui fait varier la qté de texte pour jouer avec les hauteurs. Bien pratique pour suivre le comportement en fonction du remplissage.

Des suggestions ?
Merci Smiley smile
Modifié par elz64 (15 Nov 2008 - 14:37)
et ben.. ce n'aura pas inspiré grand monde.


Bon au cas où ca aide kékun:

c'est bien la présence d'un wrapper de centrage global qui génère ca ( il est positionné)

Le div qui va contenir les différents div de colonnes et pseudo colonnes (#page) doit recevoir un height=1%; pour IE.

(d'autres tentatives de création d'un contexte n'ont rien donné.)
Modifié par elz64 (15 Nov 2008 - 20:00)