div en bas de page

**ledisciple** · 29/05/2013, 12h43

Bonjour

Je n'arrive pas à placer MarreDesBalisesDeBasDePageQOnAppelleFooter en dessous de tous les autres cadres bref du premier contenaireDoubleCadre après le bodyMerci pour votre aide

Code css :

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
a{
text-decoration:none;
color: rgb(0, 84, 130);
}
img{
text-decoration:none;
}
body{
font-family: "MyriadProRegular",arial,verdana;
line-height: 1.6;
color: rgb(0, 84, 130);
}
.contenaireDoubleCadre
{
text-align:center; 
margin-left:1%;
margin-right:1%;
}
						.contenaireDoubleCadreGauche{
						width:50%;
						float:left;
						text-align:center;
						}
 
						.contenaireDoubleCadreDroite{
						width:49%;
						float:right;
						text-align:center;;
						}
 
 
#premonition{
position:absolute;
left:2%;
margin-top:0px;
z-index:10;
width:300px;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
visibility:hidden;
background-color:rgb(255, 255, 255);
color: rgb(0, 84, 130);
}
.ChampPourInscrireCommune
{
background-color:rgb(255, 255, 255);
border-top:0px;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
color: rgb(0, 84, 130);
}
#AdresseMarqueur{
text-align:left;
padding:1%;
font-size: 13px;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
height:55%;
visibility:hidden;
 
}
#CoordonneesMarqueur{
text-align:left;
padding:1%;
font-size: 13px;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
height:55%;
visibility:hidden;
 
}
#TitreDetailAdministratif{
text-align:left;
font-size: 13px;
padding:1%;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
height:45%;
visibility:hidden;
 
}
#TitreDetailFederation{
padding:1%;
border-style:solid;
border-color:rgb(217, 234, 251);
border-width:1px;
height:45%;
vertical-align:middle;
visibility:hidden;
 
}
.ImageMarquer{
vertical-align:middle;
}

Code html :

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
<body onload="AffichageCarte(46.537374, 2.6061634,5,'non','','non')">
<div class="contenaireDoubleCadre">
	 <div class="contenaireDoubleCadreGauche">
		<div class="contenaireDoubleCadre">
			<div class="contenaireDoubleCadreGauche">
				<div>
					<input class="ChampPourInscrireCommune" style="float:left;" type="text" id="ChampVilleATrouver" size="46" name="ChampVilleATrouver" onkeypress="AffichageCarte('','','','','','oui')"><br />
					<div id="premonition"></div>
				</div>
			</div>
			<div class="contenaireDoubleCadreDroite">
				<input type="submit" value="Envoyer" onclick="ChercheVille('')">
			</div>
		</div>
		<div style="clear:both"></div>	
		<div id="carte" style="width:100%; height:650px; z-index:0;position:relative;float:left"></div>
 
	</div>
	<div id="details" class="contenaireDoubleCadreDroite">
		<div id ="TitreDetail">
			<div id="TitreDetailVille"></div>
		</div>
			<div class="contenaireDoubleCadre" style="height:450px">
				<div class="contenaireDoubleCadreGauche" style="height:50%">
					<div id ="TitreDetailAdministratif"></div>	                     
					<div id ="CoordonneesMarqueur"></div>
				</div>
				<div class="contenaireDoubleCadreDroite" style="height:50%">
					<div id ="TitreDetailFederation"></div>	
					<div id ="AdresseMarqueur"></div>
				</div>
			</div>
		<div style="clear:both"></div>
		<div id ="RencontresDetails"></div>
		<div style="font-size:10px;" id="Help"><img align="middle" src="http://www.missvinyl.com/images/point-d-interrogation.png"  /> Bonjour !<br />Ce fichier est à votre disposition pour pouvoir repérer vu d'en haut, les terrains où, vous avez (ou allez) arbitrer.<br />C'est grâce aux désignations  que vous postez (correctement), que j'ai pu le faire. Cependant, il n'est pas évident de savoir quel est le terrain principal des terrains annexes.<br /> Pour plus de précision, il est important de préciser le nom des communes tel qu'indiquer dans votre désignation.<br />Toutes les remarques sont les bienvenues ! Vous savez où me joindre ! N’oubliez pas de joindre le numéro du marqueur en cas de soucis de placement.<br>L’équipe du site arbitre.net, n’est absolument pas associée à ce fichier.<br />Les données contenues sur ce fichier proviennent du site arbitre.net, de la fédération et de google.<div>
	</div>
</div>
 
<div id="MarreDesBalisesDeBasDePageQOnAppelleFooter" style="bottom:0;margin-bottom:0;border: 1px solid red;display:block">Les lapins sauvages de toutes espèces sont chassés depuis toujours pour leur chair très largement appréciée, rôtie, en pâté ou en civet.
 
Le lapin a été domestiqué tardivement au XVe siècle, c'est le seul animal d'élevage originaire d'Europe[13]. L'élevage familial en clapier a été pratiqué dès l'an 1000[14], puis s'est intensifié avec l'apparition de l'élevage industriel. À lui seul le lapin de garenne (Oryctolagus cuniculus) est à l'origine des multiples races de lapins domestiques élevées à présent dans le monde entier[15] mais stabilisées uniquement à partir de la seconde moitié du XIXe siècle[16]. Le lapin domestique est également élevé en tant qu'animal de compagnie; il est aussi vendu.
 
Leur peau a actuellement une valeur économique moindre que dans le passé où elle donnait lieu à un commerce traditionnel, récupérée par les chiffonniers, dits aussi « marchands de peaux de lapins » qui passaient à domicile collecter les peaux issues des élevages familiaux[16].
 
L'introduction d'une nouvelle espèce de lapin dans des contrées où ils n'ont pas de prédateur, comme par exemple le lapin de garenne, d'origine européenne, provoqua en Australie de nombreux dégâts écologiques et en fait une espèce invasive difficile à contenir[17].
 
</div>

Merci pour votre aide ...

**rodolphebrd** · 29/05/2013, 13h36

Bonjour,

Placer un block après le body... êtes-vous sûr ?

display:block pour un DIV ne sert pas à grand chose.

Vous voulez coller votre footer en bas de page : voici une méthode.

**ledisciple** · 29/05/2013, 15h00

Code css :

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

1
2
3
4
5
6
7
8
9
 
body{
font-family: "MyriadProRegular",arial,verdana;
line-height: 1.6;
color: rgb(0, 84, 130);
margin-bottom: 0;
margin-left:0;
margin-right:0;
}

Code html :

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

1
2
3
4
 
<div id="MarreDesBalisesDeBasDePageQOnAppelleFooter" style="background:rgb(0, 84, 130);clear:both">
	Pied de page inutile.
</div>

**NoSmoking** · 29/05/2013, 19h45

Bonjour,
<auto_promo>
http://www.developpez.net/forums/d12...s/#post6704356
</auto_promo>

div en bas de page [CSS 2.1]

CSS

Vue hybride

Discussions similaires

Partager

Partager