HeaderFooter.php
1 |
<style type="text/css"> |
---|---|
2 |
html, body {
|
3 |
height:100%;
|
4 |
width: 100%;
|
5 |
}
|
6 |
* {
|
7 |
margin: 0;
|
8 |
padding: 0;
|
9 |
font-family: Verdana;
|
10 |
}
|
11 |
#conteneur {
|
12 |
float: left; */
|
13 |
min-height: 100%;
|
14 |
height:auto !important;
|
15 |
width:100%;
|
16 |
margin:auto;
|
17 |
}
|
18 |
#contenant {
|
19 |
width: 100%;
|
20 |
margin: auto;
|
21 |
min-height: 400px;
|
22 |
}
|
23 |
.abu_bandeau {
|
24 |
width: 100%;
|
25 |
height: 160px;
|
26 |
}
|
27 |
.abu_centre {
|
28 |
width: 1000px;
|
29 |
margin-left: auto;
|
30 |
margin-right: auto;
|
31 |
margin-top: 2px;
|
32 |
}
|
33 |
.abu_corps {
|
34 |
position: relative;
|
35 |
float: left;
|
36 |
width: 910px;
|
37 |
height: 537px;
|
38 |
margin: auto;
|
39 |
cursor: pointer;
|
40 |
}
|
41 |
#margepied {
|
42 |
height: 120px;
|
43 |
clear: both;
|
44 |
background: transparent;
|
45 |
}
|
46 |
.abu_foot {
|
47 |
position: absolute;
|
48 |
bottom: 0px;
|
49 |
width: 100%;
|
50 |
margin:auto;
|
51 |
text-align:center;
|
52 |
margin-top:-110px;
|
53 |
height:120px;
|
54 |
z-index: 10000;
|
55 |
background-position: bottom;
|
56 |
}
|
57 |
</style>
|
58 |
<html>
|
59 |
<body>
|
60 |
<div id="conteneur"> |
61 |
<div class="abu_bandeau"> |
62 |
<iframe src="http://ent.abuledu.net/header.php" scrolling=hidden frameborder=0 width="100%" height="100%"></iframe> |
63 |
</div>
|
64 |
<div id="contenant"> |
65 |
<div class="abu_centre"> |
66 |
<div class="abu_corps"> |
67 |
Le corps est ici |
68 |
</div>
|
69 |
</div>
|
70 |
</div>
|
71 |
</div>
|
72 |
<div class="abu_foot"> |
73 |
<iframe src="http://ent.abuledu.net/foot.php" scrolling=auto frameborder=0 width="100%" height="100%"></iframe> |
74 |
</div>
|
75 |
</body>
|
76 |
</html>
|