Publication de script de modèle de mise en page

guilhem_mdg · Message par **guilhem_mdg** » 06 déc. 2006, 09:33

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

calimo · Message par **calimo** » 06 déc. 2006, 12:32

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

kowalsky · Message par **kowalsky** » 06 déc. 2006, 12:40

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

guilhem_mdg · Message par **guilhem_mdg** » 06 déc. 2006, 14:13

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>

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

Asumbaa · Message par **Asumbaa** » 06 déc. 2006, 14:14

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

guilhem_mdg · Message par **guilhem_mdg** » 06 déc. 2006, 16:24

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

calimo · Message par **calimo** » 06 déc. 2006, 17:02

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

guilhem_mdg · Message par **guilhem_mdg** » 06 déc. 2006, 17:18

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

calimo · Message par **calimo** » 07 déc. 2006, 08:57

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

guilhem_mdg · Message par **guilhem_mdg** » 07 déc. 2006, 10:08

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

Geckozone

Publication de script de modèle de mise en page

Publication de script de modèle de mise en page

Qui est en ligne ?