sschupp
Messages postés63Date d'inscriptionmardi 3 juin 2003StatutMembreDernière intervention18 mai 2006
-
15 mai 2006 à 16:54
DAVIMIKA
Messages postés118Date d'inscriptionjeudi 2 novembre 2000StatutMembreDernière intervention10 janvier 2014
-
21 janv. 2008 à 19:05
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Kate, the KDE Advanced Text Editor">
Bonjour,
Je fais la mise en page de mon site web et je n'arrive pas à faire ce que je veux.
J'essaye de faire en sorte que certains éléments de ma page soit toujours visible, quelque soit la quantité du contenu.
En gros, j'ai une structure comme ca :
[code]
Mon titre
Mon contenu
Mon pied de page
[code]
Je voudrais que l'en-tête et le pied de page soit toujours visible. Donc que si l'on doit défiler, le scroll soit seulement sur "corps".
Petit plus à celui qui me trouve la solution avec le pied de page toujours en bas de la page, pas au milieu dans le cas ou il n'y a quasi pas de contenu.
J'ai essayé de jouer avec les attributs scroll, position et z-index, mais je ne vois pas trop.
Ah vi, j'utilise un CSS externe pour définir mes styles.
Si quelqu'un peut m'aider...
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 18 mai 2006 à 09:32
H
ello...
L'idée est trés intéressante, c'est bien de ne pas attendre une réponse toute faite...
Je te livre le code suivant qu'il te restes à adapter...
<HTML>
<SCRIPT language="JavaScript">var NETSCAPE (navigator.appName "Netscape");
var H_Fenetre;
var L_Fenetre;
//-------------------
function GetFenetre(){
if( NETSCAPE){
L_Fenetre = window.innerWidth;
H_Fenetre = window.innerHeight;
}
else{
L_Fenetre = document.body.clientWidth;
H_Fenetre = document.body.clientHeight;
}
}
//-------------------------------
function ObjMoveTo( div_, x_, y_){
var Obj = null;
var Arg = arguments;
Obj = document.getElementById(div_).style;
if( Obj){
if( NETSCAPE){
if( Arg[1] != null) Obj.left = x_;
if( Arg[2] != null) Obj.top = y_;
}
else{
if( Arg[1] != null) Obj.pixelLeft = x_;
if( Arg[2] != null) Obj.pixelTop = y_;
}
}
}
//---------------------------
function ObjGetHauteur( div_){
var Obj = null;
var Haut = 0;
Obj = document.getElementById(div_);
if( Obj)
Haut= Obj.offsetHeight;
return( Haut);
}
//----------------------------------
function ObjSetHauteur( div_, haut_){
var Obj = null;
Obj = document.getElementById(div_).style;
if( Obj)
Obj.height= haut_ +"px";
}
//----------------
function Replace(){
var Haut;
var H1 = ObjGetHauteur("TITRE");
var H2 = ObjGetHauteur("PIED");
//-- Récup info fenêtre affichage
GetFenetre();
Haut = H_Fenetre - (H1 +H2);
//-- Redim le DIV Centre et replace les autres
ObjSetHauteur( 'CENTRE', Haut);
ObjMoveTo( "PIED", 0, 0);
ObjMoveTo( "CENTRE",0, H1);
ObjMoveTo( "PIED", 0, H_Fenetre -H2);
}
//-- Ne pas oublier le Redimensionnement
window.onresize=Replace;
</SCRIPT>
Le Titre
Le CENTRE
Pied de Page
</HTML>
je pense que tu devrais tout saisir...
Il te restera éventuellement à jouer avec le style sur le DIV CENTRE pour avoir un scroll...
sschupp
Messages postés63Date d'inscriptionmardi 3 juin 2003StatutMembreDernière intervention18 mai 2006 18 mai 2006 à 14:27
Yes, ca marche ! Merci PetoleTeam ! J'ai touché un peu mon CSS, j'ai sorti le script dans un fichier JS, tout propre.
Par contre, c'est spé, si sur les
concernés par le
déplacement il y a des padding, alors ils ne sont pas pris en compte
lors du redimensionnement. Ce qui peut décaler le
du bas
hors de la fenêtre (et donc avoir un scroll sur la fenetre). J'ai
contourné le problême en mettant le padding sur les
à
l'interieur du
a déplacé.
Le résultat est visible sur http://marschuppphoto.blogspot.com Bon, par contre, ca marche sur Firefox, mais pas sous Konqueror (IE, je ne sais pas, je n'ai pas). Bizarre.
DAVIMIKA
Messages postés118Date d'inscriptionjeudi 2 novembre 2000StatutMembreDernière intervention10 janvier 2014 21 janv. 2008 à 19:05
Bonsoir Petole team,
Je viens de voir ton code qui m'intèresse et comme je ne connais rien en java je voudrais savoir si tu peut publier un cas ou la partie du milieu se compose d'une div de 300px de largeur avec en desous le pied de page de 300px de largeur, et la partie de droite allant du bas du titre jusqu'au bas de la page avec une barre verticale en cas de dépassement du texte, et aucune barre sur la fenêtre.