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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
| <!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[CSS] FOOTER en bas de page...</title>
<meta name="Author" content="NoSmoking">
<style type="text/css">
html, body {
height : 100%;
margin : 0;
padding :0;
font-family : Verdana;
font-size : 1em;
background-color : #f8f8f8;
}
h1 {
margin : 0;
color: #6699CC;
font-size : 2.0em;
}
h1 img{
vertical-align : middle;
}
#page {
min-height : 100%;
}
#entete{
height : 90px;
padding:5px;
background-color : #e1e1e2;
overflow:hidden;
}
#footer{
margin-top : -50px; /* - hauteur pied de page */
height : 50px;
background-color : #e1e1e2;
overflow:hidden;
}
#contenu{
padding-bottom : 50px; /* hauteur pied de page */
overflow : hidden;
background-color:#FF0;
}
#variantes{
width:800px;
background:red;
overflow:hidden;
}
#col1 {
float:left;
width:250px;
background:purple;
}
#col2 {
float:left;
width:250px;
background:orange;
}
#col3 {
float:left;
width:250px;
background:grey;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="page">
<div id="entete">
<h1><img src="http://www.developpez.net/template/images/logo.png" alt="www.developpez.net">
CSS FOOTER en bas de page...</h1>
</div>
<div id="contenu">
<div id="variantes">
<div id="col1">Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi
vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos
conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese
repentinus infudit Cum duobus ducibus de imperio in Italia est decertaInter quos Paulus eminebat notarius ortus
in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam
missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius
supergressus fluminis modo fortunis conplurium sese repentinus infudit Cum duobus ducibus de imperio in Italia
est decertaInter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias
periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse
Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus
infudit Cum duobus ducibus de imperio in Italia est decertaInter quos Paulus eminebat notarius ortus in Hispania,
glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut
militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus
fluminis modo fortunis conplurium sese repentinus infudit Cum duobus ducibus de imperio in Italia est
decertaInter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias
periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse
Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus
infudit Cum duobus ducibus de imperio in Italia est decertaInter quos Paulus eminebat notarius ortus in Hispania,
glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut
militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus
fluminis modo fortunis conplurium sese repentinus infudit Cum duobus ducibus de imperio in Italia est
decertaInter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias
periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse
Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus
infudit Cum duobus ducibus de imperio in Italia est decertaInter quos Paulus eminebat notarius ortus in Hispania,
glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut
militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus
fluminis modo fortunis conplurium sese repentinus infudit Cum duobus ducibus de imperio in Italia est
decertaInter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias
periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse
Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus
infudit Cum duobus ducibus de imperio in Italia est decertatum, Pyrrho et Hannibale; ab altero propter
</div>
<div id="col2">col2</div>
<div id="col3">col3</div>
</div>
</div>
</div>
<div id="footer">Footer
</div>
</body>
</html> |
