Discussion :

[rdams]

Bonjour,

Je suis en train de réaliser un squelette pour ma page web que voici : lien

sur le cote droit, j'ai un menu pour l'instant et un compteur de visite,
j'ai fait un tableau avec 2 lignes et je voudrais que le compteur ce trouve en bas de cette colonne.
si je met la hauteur du tableau a 100% le compteur passe en dessous de la page.
cela doit venir de l'ascenceur existe déjà alors qu'il n'y a pas de contenu dans la page.
Avez vous une solution?

voici la feuille de style de la page

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
html {height:100% } 	
body {margin:5px; background:#44526B; height:100% } 	
form {margin:0 }
 
A.menu, A:visited.menu  {color:#000000; text-decoration:none;}
A:hover.menu {color:#CC0000; text-decoration:underline;}
A:active.menu {color:#FFFFFF; text-decoration:none;}   
 
.table_menu { 
border-left:1px solid #44526B; 
border-right:1px solid #44526B; 
background:#D7DDE6;
}
TD { color:#000000;font-family:Verdana;font-size:11px}	
.t_pied { color:#FFFFFF;font-family:Verdana;font-size:11px}		  
 
.menu_princ {color:#000000; text-decoration:none;}
div#entete { 
	margin-left:5px;
	margin-right:5px;  	
	margin-bottom:0px;
	position:fixed;
	top:0;
	left:0;	
	height:100px;  
} 
div#milieu {	
	/*margin-left:5px;*/
	/*margin-right:5px;	*/	  
	margin-top:0px;
	height:100%;   
	padding-top:95px;
	padding-bottom:25px;  
}	  
div#milieu_menu {	
	/*margin-left:5px;*/
	/*margin-right:5px;	*/
	position:fixed;	
	height:100%;   	
	width:140px;
} 
div#milieu_droite {	
	/*margin-left:5px;*/
	/*margin-right:5px;*/	
	position:fixed;	
	height:100%;   	
	width:140px;		
} 
div#milieu_contenu {	
	/*height:100%;*/
} 
 
div#pied {	 
	margin-left:5px;
	margin-right:5px;	
	margin-top:0px;
	margin-bottom:0px;
	position:fixed;
	bottom:0;
	left:0;
	height:25px;	 
}

[E.Bzz]

Bonjour,
si tu as déjà les ascenceurs alors que la page est vide, tu as dû faire un window.open() avec scrollbars=yes.
Enlève le paramètre : le nav ne devrait les afficher que si nécessaire ...

A+

[rdams]

Non, il n'y a pas de window.open la seule chose en javascript pour le moment est l'appel du compteur.

J'ai l'assenceur si je met la hauteur du tableau contenant le milieu de page à 100%

[Candygirl]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
body {margin:5px; background:#44526B; height:100% } 	
 
div#milieu {	
	/*margin-left:5px;*/
	/*margin-right:5px;	*/	  
	margin-top:0px;
	height:100%;   
	padding-top:95px;
	padding-bottom:25px;  
}

En donnant une marge de 5px en haut et en bas du body ainsi qu'une hauteur de 100%, tu fais apparaître la scroll-bare pour 10px.

De même avec le milieu, 100% + 95 + 25, ça fait 120px de trop en hauteur.

Je te propose donc d'attribuer ces padding au milieu_contenu, virer les marges hautes et basses du body:

Code :

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

1
2
3
4
5
6
body {margin:0 5px; background:#44526B; height:100% }
 
div#milieu_contenu {	
	padding-top:95px;
	padding-bottom:25px;  
}

[rdams]

j'ai fait les modifications voulu (voir le lien du site dans le 1er message),
maintenant le soucis viens de la hauteur des menus, comment faire pour que mon compteur de visite ce trouve en bas?

le calendrier et le compteur ce trouve dans un tableau de 2 lignes.

[rdams]

j'ai toujours le problème pour positionner le pied de page de mon site (lien)

je voudrais egalement faire apparaitre un ascenseur si le contenu du div du milieu est trop long.
pourtant les menus ont bien la hauteur voulu.
voici la nouvelle feuille de style :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
/* STYLE PRINCIPALE */
html {height:100% } 	
body {margin:0; background:#FFFFFF; height:100% } 	
form {margin:0 }
p {margin: 0 0 0 0;} 	 
 
 
/* STYLE CADRE */  
div#conteneur{
	width:100%;	 
	height: 100%;
	position: relative;
	background-color:#FF0000;
}
div#entete { 
	background-color:#004877;
	height:100px;  
} 
 
div#milieu_menu {	
	border-left:1px solid #44526B; 
	border-right:1px solid #44526B;
	position: absolute;
	left:0;
	width: 140px;	
	background-color: #D7DDE6;	
             /*height:expression(document.documentElement.clientHeight - 125);	*/	 
	top:100px;
}
 
.milieu_bas {
	bottom:25px;
}
div#milieu_droite {
	border-left:1px solid #44526B; 
	border-right:1px solid #44526B;	
	position: absolute;
	right:0;
	width: 140px; 
	background-color: #D7DDE6;	
	/*height:expression(document.documentElement.clientHeight - 125);	*/ 
	top:100px;
}  
div#milieu_contenu {	
	/*height:expression(document.documentElement.clientHeight - 125);	*/ 
	overflow:auto;	
	/*overflow:hidden;*/
             /*position:absolute;*/
	background-color: #FFFFFF;
	margin-left: 140px;
	margin-right: 140px; 	 	 
	top:100;  
	left:0;
} 	
 
 
div#pied {	 
	height: 25px;
	background-color: #C5C8D6;	
	bottom:0px; 
}

voila

[Space Cowboy]

Quel est l'interet de mettre des tableaux dans des div et de placer ces div avec css ?
CSS permet de séparer la mise en page du contenu.

Quand je vois ca j'ai envie de pleurer.

Code :

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

1
2
3
4
5
6
<!-- MENU GAUCHE-->
<div id="milieu_menu" class="milieu_bas">			
		<table class="table_menu" cellpadding="0" cellspacing="0" width="140" bgcolor="#00ff00">
		<tr>
			<td valign="top"><BR></td>
		</tr>