Discussion :

[pasc06]

Bonjour

Je débute en css, et j'aimerais que le mon site ait toujours la même hauteur (750px). dans le cas où le contenu de "mainContent" est trop long, je mettrai un lien vers une autre page. L'important est que l'utilisateur n'ait jamais à scroller, et que le footer soit toujours à la même hauteur sur le site entier.

Voici un extrait du css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.site #container {
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: center;
}
.site #header {
	background: #FFFFFF; 
	padding: 0;
}
.site #titre {
	background: #FFFFFF;
}
.site #mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
}
.site #footer {
	padding: 10px;
	background: #DDDDDD;
}

Comment faire ? Merci pour votre aide.

[addock]

Dans le body tu rajoutes :

height:750px;

[nsanabi]

je n'ai pas la structure html de ta page, mais si j'ai bien imaginé ton mainContent doit se situer entre le header et le footer tu peu:
attribuer une hauteur à ton mainContent, mais s'il y a depassement il faudra gérer avec la propriété css overflow, si tu la met sur hidden il y'aura des données de perdu , en la mettant à scroll ton footer restera toujours visible et le visiteur aura quand meme à defiler le contenu de ton mainContent


à part cette solution je ne vois vraiment pas comment faire sinon gerer ça dynamiquement (avec php aspx etc) pour tronquer ton contenu avant de l'envoyer et donner un lien vers la suite, mais ça c une autre histoire