28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous, Smiley smile

je découvre petit à petit ce site bien utile quand on veux faire du xhtml/css

j'ai utilisé le modele 4 ( http://css.alsacreations.com/modeles/modele4.htm ) de la page http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS pour faire la mise en page de mon site.

Seulement le problème est que lorsque que la colone de droite est moins haute que la colone de droite, le pied de page ne se trouve pas poussé en bas de page (ie en bas de la colone de gauche) .

j'ai essayé en rajoutant une <div style="clear:both"></div> qui je pensai qui aurai forcé à descendre le bas de page, mais il m'en ait rien Smiley decu

je serais donc bien preneur d'une quelconque information à ce sujet

merci d'avance Smiley smile

Nico

EDIT: voici l'adresse de la page temporaire : http://zou.chezwam.info/leregistre-fr.net/news/Opera-lance-un-defi-a-Microsoft-et-Internet-Explorer-7_171.html (visible qd mon pc est allumé Smiley cligne )
Modifié par Niiccoo (28 Mar 2005 - 19:31)
Merci,

je vais regarder et j'espère enfin trouver mon bonheur ! j'avais déjà essayé des méthodes persos avec des floats sans jamais réussir à faire ce que je voulais. La méthode de raphael a marché tout de suite sur ts les navigateurs, le pied, lol c'est le cas de dire, c'est lui qui m'embete ici Smiley lol

Je tiendrai au courant si je trouve quelque chose de convenable Smiley cligne

encore merci
Problème résolu, après 2min de lecture, on voit la page suivante : http://css-discuss.incutio.com/?page=TwoColumnFloat

j'ai alors modifié la classe gauche de raphael :

#gauche 
{
  margin-left:10px;
   position: absolute; 
   left:0; 
  width: 150px;
  }

par

#gauche 
{
  margin-left:10px;
  float: left;
  width: 150px;
  }


et la classe pied en :

#pied {
height: 30px;
background-color: #99CC99;
clear:both;
}


et ça marché tout de suite. Par contre sous IE c'est un peu moins bien en dessous de 800*600 mais surfe en 640*480 de nos jours ? lol personne :=)

Bye,
Nico
Modifié par Niiccoo (29 Mar 2005 - 13:24)