Faire descendre le footer en fonction de l'info à afficher

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire descendre le footer en fonction de l'info à afficher

ultratoonz

Bonjour,

Voilà, je prépare la structure d'un futur site web. Je souhaiterai que le footer "descende" en fonction de la masse d'information à afficher dans la page. Je galère depuis un moment avec les pourcentages, sans arriver non plus à mettre les div du footer au bon endroit !

Voici ma page

Et voici la css :

Code :

body {
background-color:#000033;
}
.global{
position:relative;
left:0;
top:0;
width:100%;
height:100%;
}
.cont-header {
position:absolute;
left:0px;
top:0px;
width:100%;
height:94px;
background-image:url(images/cont-header.gif);
}
.header {
position:absolute;
left:0px;
top:0px;
width:820px;
height:94px;
background-image:url(images/header.gif);
}
.navi {
position:absolute;
left:0px;
top:94px;
width:820px;
height:66px;
background-image:url(images/navi.gif);
}
.cont-navi {
position:absolute;
left:0px;
top:94px;
width:100%;
height:66px;
background-image:url(images/cont-navi.gif);
}
.frame {
position:absolute;
left:0px;
top:0px;
width:820px;
height:453px;
}
.cont-frame {
position:absolute;
left:0px;
top:160px;
width:100px;
height:100%;
background-color:#99FF00;
}
.frame-g {
position:absolute;
left:0px;
top:0px;
width:126px;
height:100%;
background-color:#33CCCC;
}
.frame-d {
position:absolute;
left:126px;
top:0px;
width:100%;
height:100%;
background-color:#FFFFFF;
}
.footer {
position:relative;
left:0px;
top:0px;
width:820px;
height:38px;
background-image:url(images/footer.gif);
}
.cont-footer {
position:relative;
left:0px;
top:600px;
width:100%;
height:38px;
background-image:url(images/cont-footer.gif);
}

Pouvez-vous m'aider ?

Merci d'avance !

---------------
Consultant SEO

Publicité

gatsu35

Blablaté par Harko

salut je fais un site et je vous colle une grosse feuille de style mais pour le code HTML débrouillez vous, devinez le vous-même

Message cité 1 fois

ultratoonz

gatsu35 a écrit :

salut je fais un site et je vous colle une grosse feuille de style mais pour le code HTML débrouillez vous, devinez le vous-même

Euh ben désolé que tu le prennes ainsi. :??: Ne peux-tu pas afficher la source de la page dont je donne le lien ?

Bon, j'ai modifié ma css car c'était plutôt le fouillis entre absolute et relative. Là c'est bon sous IE mais sous Firefox je rencontre un pitit souci. Vous pouvez aller jeter un oeil avec ce navigateur si vous voulez bien me filer un coup de pouce.

Voilà ma css modifiée :

Citation :

body {
background-color:#000033;
}

.global{
left:0;
top:0;
width:100%;
height:100%;
}

.cont-header {
left:0px;
top:0px;
width:100%;
height:94px;
background-image:url(images/cont-header.gif);
}

.header {
left:0px;
top:0px;
width:820px;
height:94px;
background-image:url(images/header.gif);
}

.navi {
left:0px;
top:94px;
width:820px;
height:66px;
background-image:url(images/navi.gif);
}

.cont-navi {
left:0px;
top:94px;
width:100%;
height:66px;
background-image:url(images/cont-navi.gif);
}

.frame {
position:relative;
left:0px;
top:0px;
width:820px;
height:100%;
}

.cont-frame {
left:0px;
top:160px;
width:100%;
height:100%;
background-color:#FFFFFF;
}

.frame-g {
position:absolute;
left:0px;
top:0px;
width:126px;
height:100%;
background-color:#33CCCC;
}

.frame-d {
position:relative;
left:126px;
top:0px;
width:694px;
height:100%;
background-color:#FFF895;
}

.footer {
left:0px;
top:0px;
width:820px;
height:38px;
background-image:url(images/footer.gif);
}

.cont-footer {
left:0px;
top:613px;
width:100%;
height:38px;
background-image:url(images/cont-footer.gif);
}

---------------
Consultant SEO

gatsu35

Blablaté par Harko

lol j'ai po fait gaffe que tu avais filé le lien de la page.

erf scuse moi

FORUM HardWare.fr

Programmation

HTML/CSS

Faire descendre le footer en fonction de l'info à afficher

Sujets relatifs
Fonction pour comparer des chiffres ?	afficher le résultat d'une liste déroulante
Programmmer la fonction Cat en C	Comment afficher le contenu d'un dossier en C ?
[XSL]Une idee pour recuperer une info precise	[JavaScript?]Fonction "Ctrl +" & "Ctrl -" du navigateur
[Php - regex] fonction ereg()	Fonction Include
[C] Afficher un cosinus ou sinus	aide sur appel de fonction en pascal
Plus de sujets relatifs à : Faire descendre le footer en fonction de l'info à afficher

Page générée en 0.046 secondes