Micro.Info • Consulter le sujet

Consulter les messages sans réponse | Consulter les sujets actifs

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

footer et css

Modérateur: Membres de 640kb

Page 1 sur 2

[ 16 message(s) ]

Aller vers la page 1, 2 Suivant

Sujet précédent | Sujet suivant

Auteur

Message

Grim2000

Sujet du message: footer et css

Publié: 11 Sep 2005, 14:37

Régulier

Inscription : 10 Sep 2002, 19:20
Message(s) : 492
Localisation : Cornell University, NY

Je suis nouveau en xhtml et css et jessai davoir un footer qui et toujours en bas de la page, independamment de la longeur du contenu. voici le code css que jai:

Code :

{   height:-25px; position: absolute; 
    bottom:0px; right:auto; left: auto;
   font-size: small;
   color: #656565;
   float:bottom;
}   

un autre question aussi.. comment je fais pour que le menu de gauche reste toujours visible a lecran lorsque je scroll down?

_________________

Win XP Pro sp2
Gigabyte G965g-DS2 F5
Core 2 duo 6400 Conroe
2 * 1gb A-Data 5300 en dual
eVGA GeForce 7900 GS
100gig WD 7200 8mb, 160gig WD 7200 2mb
320 Seagate 7200 SATA2
Antec Smartpower 500W

Logitech Cordless Duo MX

Haut

Jump

Sujet du message: Re: footer et css

Publié: 11 Sep 2005, 17:10

Référence

Inscription : 07 Jan 2002, 00:24
Message(s) : 5834

Grim2000 a écrit:

Je suis nouveau en xhtml et css et jessai davoir un footer qui et toujours en bas de la page, independamment de la longeur du contenu. voici le code css que jai:

Ça c'est quelque chose que CSS est incapable de faire simplement. Pour y arriver vous allez devoir utiliser pleins d'artifices qui profitent de failles dans certains navigateurs. Tant qu'à moi, si vous voullez absolument un footer en bas, utiliser un tableau pour le mettre en bas. Le reste ira dans des div si vous y tenez.

_________________
This posting is provided "AS IS" with no warranties, and confers no rights!
©2006 - 2014 Jump

Haut

Monrake

Sujet du message:

Publié: 12 Sep 2005, 08:49

Référence

Inscription : 06 Jan 2002, 22:38
Message(s) : 5949
Localisation : Quebec

Sous FF, cela se fait très bien, sous IE, il faut malheureusement utilisé des failles. Comme le dit Jump, un tableau facilite grandement le travail.

_________________
Herakles Informatique Inc
Collaborateur pour HardGamers

Haut

DolGuldur

Sujet du message:

Publié: 15 Nov 2005, 13:55

Régulier

Inscription : 14 Mars 2002, 13:44
Message(s) : 436

Voilà un exemple qui va faire ce que tu veux. enlève la valeur height de content pour que ce div prenne la grandeur nécessaire dépendemment de ton contenu.

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html,body{/*html pour FF Moz NS7 OP */
   text-align:center; /*IE 5 IE 5.5*/
   margin:0px;/* no margins body */
   padding:0px;/* no padding body */
   height:100%;
   width:100%;
   background-color:#FFF9EB;
}
#Main {
   margin:0px auto auto auto;
   width:775px;
   z-index:1;
}
#content {
   position:relative;
   height:100px;
   width:775px;
   background-color:#FFFFFF;
}
#bottom {
   width:775px;
   height:75px;
   z-index:2;
   background-color:#CCCCCC;
}
</style>
<body>

<div id="Main">

   <div id="content">
      doadglkdfhglk fkjhkldjflkh
   </div><!--content-->

   <div id="bottom">
      vsdfgsdfgsdf
   </div><!--bottom-->

</div><!--Main-->

</body>
</html>

Haut

Jump

Sujet du message:

Publié: 15 Nov 2005, 14:03

Référence

Inscription : 07 Jan 2002, 00:24
Message(s) : 5834

DolGuldur a écrit:

Voilà un exemple qui va faire ce que tu veux. enlève la valeur height de content pour que ce div prenne la grandeur nécessaire dépendemment de ton contenu.

Ici ça ne fonctionne pas ni avec FF ni avec IE. Si ça avait pu être réalisé si simplement on ne retrouverait pas sur le Web toutes ces tentatives plus ou moins ratées d'y arriver

En pure css propre la solution est simple, avoir beaucoup de contenu pour être sur que ça va déborder de l'écran, comme ça le footer sera assurément en bas...

_________________
This posting is provided "AS IS" with no warranties, and confers no rights!
©2006 - 2014 Jump

Haut

DolGuldur

Sujet du message:

Publié: 15 Nov 2005, 14:07

Régulier

Inscription : 14 Mars 2002, 13:44
Message(s) : 436

Ca fonctionne de mon côté sous IE et sous Firefox... Pourquoi ça ne fonctionne pas de ton côté, bonne question.... J'ai développé plusieurs site de cette façon, et tout est parfait avec tous les navigateurs sous Windows et Mac.

Haut

Procyon

Sujet du message:

Publié: 15 Nov 2005, 14:14

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

Ça ne fonctionne pas ici non plus, ni sous firefox, ni sous IE.

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

DolGuldur

Sujet du message:

Publié: 15 Nov 2005, 14:15

Régulier

Inscription : 14 Mars 2002, 13:44
Message(s) : 436

Voilà mes print screen:

Ca fonctionne!

Dernière édition par DolGuldur le 15 Nov 2005, 14:26, édité 1 fois.

Haut

TyL

Sujet du message:

Publié: 15 Nov 2005, 14:20

A réponse à tout!

Inscription : 26 Mars 2002, 10:51
Message(s) : 2546
Localisation : Ottawa, ON

DolGuldur a écrit:

Voilà mes print screen:

IE

FF

Ca fonctionne!

JE me trompe p-e mais si sa fonctionnerai la bande grise serait completement au bas de l'écran collé sur la barre d'état... La sur tes p-s c'est loin d'être le cas

_________________
Développeur Web Senior, CEPEO, Ottawa, ON

Haut

DolGuldur

Sujet du message:

Publié: 15 Nov 2005, 14:24

Régulier

Inscription : 14 Mars 2002, 13:44
Message(s) : 436

Ah mer... désolé j'ai mal lu, je croyais qu'il voulait avoir son footer collé à son contenu... My bad!!!

Me demandait pourquoi vous disiez que ça fonctionnait pas chez vous

J'avoue que ce qu'il demande est plus complexe et est pas vraiment réalisable à moins que le contenu soit fixe pour toujours...

Haut

Procyon

Sujet du message:

Publié: 15 Nov 2005, 14:29

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

D'après moi, il veut ceci:

Code :

<body style="margin:0px;">
   <table style="width:100%; height:100%" CELLPADDING=0 CELLSPACING=0>
      <tr style="height:75px; background-color:#abcdef;"> <!--Header-->
         <td colspan=2>
            Bienvenue sur mon site.com
         </td>
      </tr>
      <tr> 
         <td style="Width:200px; vertical-align:top;"> <!--Menu-->
            Option 1<br>
            Option 2<br>
            Option 3<br>
            Option 4<br>
            Option 5<br>
         </td>
         <td style="vertical-align:top;"> <!--Contenu-->
            <div style="width:100%; height:100%; overflow-y:scroll;">
               Ceci est mon contenu<br>
               Ceci est mon contenu<br>
               Ceci est mon contenu<br>
               Ceci est mon contenu<br>
               Ceci est mon contenu<br>
            </div>
         </td>
      </tr>
      <tr style="height:25px; text-align: Center; background-color:#abcdef;"> <!--Footer-->
         <td colspan=2>
            Copyright
         </td>
      </tr>
   </table>
</body>

Mais moi je travaille juste avec IE, j'sais pas si ça fonctionne avec tous les browsers.

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

DolGuldur

Sujet du message:

Publié: 15 Nov 2005, 14:33

Régulier

Inscription : 14 Mars 2002, 13:44
Message(s) : 436

Ca semble beau sous Firefox!

Haut

Procyon

Sujet du message:

Publié: 15 Nov 2005, 14:39

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

Le problème est le "overflow" qui semble être particulier à chaque browser.

Si je rajoute des lignes, le débordement n'est pas bien contrôlé par Firefox ici alors qu'il l'est par IE.

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

EinsteinBQAT

Sujet du message: Re: footer et css

Publié: 18 Nov 2005, 00:36

Fidèle

Inscription : 17 Mars 2002, 00:32
Message(s) : 613
Localisation : Montréal

Grim2000 a écrit:

Je suis nouveau en xhtml et css et jessai davoir un footer qui et toujours en bas de la page, independamment de la longeur du contenu. voici le code css que jai:

Code :

{   height:-25px; position: absolute; 
    bottom:0px; right:auto; left: auto;
   font-size: small;
   color: #656565;
   float:bottom;
}   

un autre question aussi.. comment je fais pour que le menu de gauche reste toujours visible a lecran lorsque je scroll down?

Voir MP.

Pour le menu fixe, ça ne fonctionnera jamais sur IE tant que celui-ci ne respectera pas complètement et correctement le CSS.

position:fixed va fonctionner pour Opera, FF & Moz, Safari, Konqueror et cie.

_________________
EinsteinBQAT, Membre des forums Micro.Info
Étudiant à temps plein à l'Université de Montréal en doctorat en médecine dentaire (DMD).
PowerBook 17" WS- 1,5 GHz PowerPC G4 - 2 GB DDR SDRAM - Mac OS X 10.4.x (Tiger) - ATI Mobility Radeon 9700 128 MB DDR
iPod 3G - 20 GB

Haut

Procyon

Sujet du message:

Publié: 18 Nov 2005, 08:16

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

Pourquoi en message privé? Si tu as une solution, on voudrait la savoir aussi!

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

Page 1 sur 2

[ 16 message(s) ]

Aller vers la page 1, 2 Suivant

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité

Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum