Und mein CSS:
Code:
@charset "utf-8";
/* CSS Document */
/* Compatible : Firefox 2, Explorer 7, Safari */
body {
font-family: Arial, serif;
font-size: 10px;
background:url(img/background.jpg);
}
html, body, table {
/*position: fixed;*/
height: 100%;
margin: 0;
padding: 0;
}
a:link {
color:#13618b;
text-decoration:none;
}
a:visited {
color:#13618b;
text-decoration:none;
}
a:hover {
color:#13618b;
text-decoration:underline;
}
/* Top page */
#header {
height:35px;
background:url(img/top/logo_bienvenue.jpg) no-repeat;
}
#header_stade {
height:35px;
background:url(img/top/logo_vide.jpg) no-repeat;
}
#menu_horizontal {
height:14px;
margin: 3px 0px 3px 0px;
padding: 4px 0px 0px 111px;
color:#fff;
background-color:#00749b;
}
#menu_top {
color:#13618b;
font-size:9px;
text-align:right;
margin:7px 13px 0px 0px;
}
/* Bottom Page */
#pied {
position:absolute;
width:799px;
height: 23px;
bottom:0px;
color:#fff;
padding:0px 0px 0px 0px;
background:#00749b;
margin: 0px auto;
z-index: 2;
}
/* Menu */
#leftmenu {
display:block;
position: absolute;
width: 111px;
height:100%;
background-repeat: no-repeat;
background-color:#00749b;
}
#top_menu_left{
height:6px;
background:url(img/left/blue_top_menu_left.jpg);
}
#menu_left{
width: 111px;
color:#fff;
background-color:#00749b;
}
#bottom_menu_left{
height:28px;
background:url(img/left/blue_bottom_menu_left.jpg);
}
#olympique_logo{
height:76px;
background:url(img/left/logo_olympique.jpg);
}
/* Content */
#mainpage {
display:block;
position: relative;
width: 688px;
min-height: 100%;
height: auto !important; /* für moderne Browser */
height: 100%; /*für den IE */
overflow: scroll;
background-image: url(/images/fond_contenu_context.gif);
background-repeat: repeat;
z-index: 1;
visibility: visible;
left:111px;
}
/* main page container */
#ensemble {
position: relative;
width: 799px;
min-height: 100%;
height: auto !important; /* für moderne Browser */
height: 100%; /*für den IE */
overflow: auto;
background: #ffffff;
text-align: left;
z-index: 1;
}