Hallo iedereen, ik heb via teamviewer bij een vriend gezien, dat de layout +- dubbel wordt weer gegeven in IE en ook dat sommige opties niet werken...
dit is mijn css:
PHP
hr{
width: 555px;
}
.hr{
width: 557px;
height:1px;
background-image: url('images/layout/hr_blauw.png');
}
body {
background-image: url('images/layout/background.png');
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 15px;
}
.header {
background-image: url('images/layout/header.png');
width: 960px;
height: 115px;
margin: 0px auto;
margin-top: 30px;
}
.logo {
background-image: url('images/layout/logo-tekst.png');
width: 230px;
height: 140px;
float: left;
margin-left: -50px;
margin-top: -30px;
}
.advertentie {
width: 468px;
height: 69px;
float: left;
margin-top: 20px;
margin-left: 50px;
}
.mascotte {
background-image: url('images/layout/mascotte.png');
width: 242px;
height: 181px;
float: right;
margin-top: -30px;
z-index:-1;
}
.content {
background-image: url('images/layout/content_bg.png');
width: 960px;
height: 779px;
margin: 0px auto;
}
.bar {
background-image: url('images/layout/nieuws-strook.png');
width:958px;
height:35px;
margin: 0px auto;
font-family: Verdana;
color: white;
font-size: 12px;
}
.right_menu {
width:177px;
height:273px;
margin-top: 30px;
margin-left: 592px;
background-image: url('images/layout/menu.png');
}
.left_menu {
width:177px;
height:273px;
margin-top: 30px;
margin-left: 7px;
background-image: url('images/layout/menu.png');
}
ul {
list-style-image: url('images/layout/menu_pijl.png');
}
li {
border-bottom: 1px dotted grey;
width:100px;
}
.mid
{
margin-top: 0px;
margin-left: 200px;
}
.center {
width: 468px;
height: -69px;
float: left;
margin-top: -580px;
margin-left: 16px;
}
.stats{
margin-top: 15px;
margin-left: 2px;
font-size: 15px;
}
.stats li { padding: 1px 0; float:right; }
div.red {
width: 557px;
color: #DC0000;
font-weight: bold;
background: #FFE5DF;
border: 1px solid #DC0000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
div.blue {
width: 557px;
color: #366BAF;
font-weight: bold;
background: #DFEFFF;
border: 1px solid #366BAF;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
div.green {
width: 557px;
color: #00a139;
font-weight: bold;
background: #dfffd6;
border: 1px solid #7cb86c;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
/* Tabellen */
.top_td{
height:25px;
background-color:#D4D7E6;
border-bottom: 1px dashed #354700;
font-weight:bold;
}
.top_first_td{
height:25px;
background-color:#D4D7E6;
border-bottom: 1px dashed #354700;
padding-left: 10px;
font-weight:bold;
}Nu, ik snap niet goed hoe ik het kan opslossen, ik ben alleen dit teweten gekomen:
Bij de body dit:
margin-right: auto;
margin-right: auto;
Maar dit blijkt niet te helpen...
Kan iemand misschien helpen?
u vindt de site hier:
"klik"
