28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Voila donc j' ai a peu pret terminer mon decoupage, mais j' ai 2 problemes que je ne sais pas comment resoudre.
Donc si quelqu' un avec un peu d' experience pouvait jeter un oeil, me donner quelques conseils et resoudre ces 2 problemes :

Je voudrais que l' ombre soit sur toute la longueur de main
Je voudrais que la chatbox et le footer soit en "bas" de la page, j' ai mit un min-height sur main, et je voudrais que meme si container soit vide, la chatbox soit au bas de la page

http://jiboo.ovh.org/decoup.html
Design : http://jiboo.ovh.org/Design.jpg

Voila j' espere que vous pourrez m' aider, bye
Jiboo.
Bonjour,

Rapidement comme ça, sans avoir testé, je dirais qu'il faudrait intégrer l'ombré à ton main-bg, en colonne factice. Et pour la chatbox, je mettrain ton main en position relative. Puis la chatbox en position absolute, avec bottom:{la-hauteur-de-ton-footer}. Idem avec ton footer mais avec bottom:0. Bien sûr dans ton main, un padding-bottom:{hauteur-chatbox+hauteur-footer}

Hmm donc voilà. Dans l'esprit.
Salut,
En regardant ton code source, je dirais que ton premier problème vient du fait que tu définis une hauteur précise à ta balise div.
dans la mesure ou ta balise div est vide c'est vrai que si tu n'en defini pas
tu n'auras ni ombre ni image.
Pour ce genre de rendu je te conseillerai plutot l'utilisation sur ta page d'un tableau de 3 colonnes (dont 2 pour les marges) et 2 lignes au milieu en utilisant un valign="bottom" pour la deuxième ligne (ce qui placerai ta chatbox en bas).
Ce qui t'economiserai la quantité de balises div que tu utilise.
Bonjour,

Merci Smiley smile
Bon j' ai essayer de comprendre ce que sont les colones factices, mais je suis pas trop sur de ce que c' est, mais j' ai penser a mettre les ombre sur l' image du bg de main, le resultat est ce que je voulais Smiley smile

http://jiboo.ovh.org/decoup.html

La chatbox c' est pas encore sa, j' ai vraiment du mal..
Sous IE7 elle n' aparait pas, sous FF, le texte des news passez dessus Smiley langue

Alors j' ai mis un div "vierge" de la taille du footer apres les news, sa passe, mais bon sa fait "bricolo-bricolette" comme dirais mon prof d' info Smiley langue
Et il n' aparrait toujours pas sur IE7 :'(

@Scorpius : Je vais essayer avec des tableaux ouai, sa alegerai le code, mais d' abord je fini sa, au cas ou ^^

Bye, merci encore,
Jiboo.
Modifié par Jiboo (06 Oct 2007 - 11:53)
Salut,

Tu dois te douter que la grande majorité des sujets ici (voire tous) traitent de "problèmes à résoudre".

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu

Merci de modifier le titre de ton sujet en l'éditant pour qu'il soit plus explicite sur le(s) problème(s) que tu rencontres.

Saches aussi qu'il serait mieux d'ouvrir un sujet par problème pour éviter les discussion croisées et les risques d'incompréhension. Smiley cligne