Page 1 sur 1
Publication de script de modèle de mise en page
Publié : 06 déc. 2006, 09:33
par guilhem_mdg
Bonjour,
Je viens de réaliser un modèle de mise en page "classique" mais original puisque le footer vient se coller automatiquement au bas de la fenêtre.
J'aimerais bien publier mon script pour que d'autres puisse s'en servir mais je ne sais pas trop où le publier. Pouvez-vous m'aider ?
Merci.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7
Publié : 06 déc. 2006, 12:32
par calimo
Ben, tu peux le faire ici, mais
est-ce qu'un script est vraiment utile ? Tu ne peux pas faire ça tout simplement en CSS ?
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
Publié : 06 déc. 2006, 12:40
par kowalsky
C'est quoi comme script...?
Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.0.4) Gecko/20060710 Firefox/1.5.0.4
Publié : 06 déc. 2006, 14:13
par guilhem_mdg
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
body{
margin:0;
padding:0;
}
#conteneur{
width:800px;
margin:0 auto 0 auto;
}
#header{
background-color:#E1EAF1;
height:80px;
}
#banniere{
background-color:red;
height:30px;
}
#centre{
position:relative;
}
#centre #menu{
background-color:green;
position:absolute;
top:0;
left:0;
width:150px;
height:expression(document.documentElement.clientHeight - 140);
overflow:auto;
}
#centre #page{
background-color:yellow;
position:absolute;
top:0;
left:150px;
height:expression(document.documentElement.clientHeight - 140);
width:650px;
overflow:auto;
}
#footer{
background-color:orange;
position:absolute;
bottom:0;
width:800px;
height:30px;
}
</style>
<!--[if !IE]> <-->
<style type="text/css">
#centre{
position:absolute;
top:110px;
bottom:0;
}
#centre #menu{
position:absolute;
top:0;
bottom:30px;
}
#centre #page{
position:absolute;
top:0;
bottom:30px;
}
</style>
<!--> <![endif]-->
</style>
</head>
<body><div id="conteneur">
<div id="header">header</div>
<div id="banniere">Bannière</div>
<div id="centre">
<div id="menu">menu</div>
<div id="page">
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
lll
</div>
</div>
<div id="footer">pied de page</div>
</div></body>
</html>
Publié : 06 déc. 2006, 14:14
par Asumbaa
Salut,
Tu peux peut-être le proposer chez Alsacreations ? Ils ont d'autres modèles de mise en page, ça peut les intéresser.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Publié : 06 déc. 2006, 16:24
par guilhem_mdg
Comment les contacter ? Je ne trouve pas l'adresse...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7
Publié : 06 déc. 2006, 17:02
par calimo
http://www.alsacreations.com/
Mais je serais étonné qu'ils n'aient pas quelque chose de semblable.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
Publié : 06 déc. 2006, 17:18
par guilhem_mdg
mdr Calimo merci pour l'adresse je connaissais mais pas le mail...
pour ce qui est du script, sur leur site il y a plein de gabarits effectivement mais aucun ne ressemble au mien. Le mien si on rajoute du texte, alors une barre de défilement apparait pas le leur (d'ailleurs ils ont un bug)
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7
Publié : 07 déc. 2006, 08:57
par calimo
Le mieux c'est d'en parler sur leur forum
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
Publié : 07 déc. 2006, 10:08
par guilhem_mdg
Ok merci Calimo !!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7