28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un probleme avec un site web dotclear completement reCSSisé, je pensait que internet explorer etait plus difficile niveau souplesse qe ff , j'ai donc travaillé en checkant dans ie uniquement et la quand j'ai fini je me rends compte que j'ai une div qui part en couille dans firefox Smiley lol

Bon au moins j'ai compris c'est ie qui est trop souple qui fait chier ( surtout l'histoire du padding et des contour compris a linterieur de la taille de la div Smiley ohwell )

Enfin bref ma div page contient tout le contenu du site sauf la div bas_page qui est censée se coller sous la div page et qui me permet d'avoir les bords arorndis en dessous

dans ie ca marche nickel ( si vous voulez voir ce que ca donne), mais ds firefox ma div page s'ecrase completement et n'apparait pas ( je n'ai pas donc pas mes bordures a droite et a gauche ni a couleur de fond et du coup ma div bas_page se colle tout en haut ..........

http://planetotaku.free.fr/blog/themes/default/test.htm

j'ai fait un htm avec css dedans pour ceux qui auront le courage de vouloir m'aider Smiley smile
merci bien
Modifié par Dynexd (14 Mar 2006 - 18:34)
tes <div> interne à ta <div id="page"> sont majoritairement en float.
Du coup elles sortent du flux et ta <div id="page"> ne s'allonge pas.
oui effectivement jai mis des float partout ....

donc si j'ai bien compris les elemenants disposés a gauche doivent etre dans le flux du fichier , et le menu positionné grace a un float:right

j'ai donc enelvé les float : left

mais lorsque je faisca :
1. premier probleme : le menu apparait bien a droite mais en en dessous du contenu de gauche et non pas a coté
2. la div page s'etend bien mais selon le contenu de ma page , ce qui fait que si le contenu de la page est plus court ke la hauteur du mneu , ma div page ne s'etends pas jusqu'en dessous du menu ( il n'y a t-il pas un height-min qui marche ?)
probleme résolu : jai mis ma div sidebar (le menu) en absolute a l'interieur de ma div page et je l'ai bloqué a droite sous le logo ,

pour resoudre le probleme 1 jai utilise un hack min height trouvée quelque part sur ce site

http://planetotaku.free.fr/blog

si un mac user veut bien me dire si le hack min height passe sous safarie Smiley lol