ik heb een probleem met mijn divjes. in google Chrome werkt hij perfect, maar met IE kloppen de formaten niet met wat er in mijn CSS staat.
Wie zou er even naar willen kijken?
De website is te vinden onder:
http://www.bedumblues.nl/new/
De problemen bevinden zich in de DIVjes schema, foto & login.
HTML-code
- Code: Alles selecteren
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Bedum Blues</title>
<style type="text/css">
.nieuws{
background-image:url(http://www.bedumblues.nl/new/images/nieuwsfoto.jpg);
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div class="container">
<div class="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="informatie.php?page=1">Informatie</a></li>
<li><a href="teams.php">Teams</a></li>
<li><a href="wedstrijdschema.php">Wedstrijdschema</a></li>
<li><a href="verslagen.php">Verslagen</a></li>
<li><a href="foto.php">Foto's</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="gastenboek.php">Gastenboek</a></li>
</ul>
</div>
<div class="header"></div>
<div class="none"><a href='nieuws.php?id=7' ><div class="nieuws">
<div class="transpirant"><p>» Nieuwe team foto U22</p></div>
</div></a></div>
<div class="schema"><div class="kopje">Eerst volgende wedstrijd : </div><hr />
</div>
<div class="archief">
<div class="kopje">Nieuws Archief</div><hr />
<div class='ardiv2'><a class='none' href='nieuws.php?id=6'>07-02-2010 : EBV Mustangs U14 - Bedum Blues U14</a></div><div class='ardiv1'><a class='none' href='nieuws.php?id=5'>30-11-2009 : Bedum Blues tegen HBV admins</a></div><div class='ardiv2'><a class='none' href='nieuws.php?id=4'>23-11-2009 : Bedum Blues U16-2 - BV Dunk 11-10-2009</a></div><div class='ardiv1'><a class='none' href='nieuws.php?id=3'>29-10-2009 : Skillshop</a></div><div class='ardiv2'><a class='none' href='nieuws.php?id=2'>25-10-2009 : Bedum Blues U16 2 - Ekema Highlanders</a></div><div class="archiefText"><div class="link"> <a href='nieuws.php?id=7'>» Meer</a></div></div>
</div>
<div class="album"><div class="kopje">Statistieken</div><hr />
<div class="ardiv1">Aantal leden: 54<br />
Aantal spelende leden: 49<br />
Aantal recreanten: 6<br />
</div>
</div>
<form name="loginFormulier" action="index.php" method="post">
<div class="login"><div class="kopje">Aanmelden</div><hr />
<div class="formText">Naam:</div>
<div class="formInput"><input type="text" name="username" value="" /></div>
<div class="formText">Wachtwoord:</div>
<div class="formInput"><input type="password" name="password" value="" /></div>
<div class="formInput"><input type="submit" name="submit" value="Log in!" /><br />
<br /></div>
<div class="loginText"><div class="link"><a href="register.php">» Nog geen account?</a></div><div class="link"><a href="wachtwoord.php">» Wachtwoord vergeten?</a></div></div>
</div>
</form>
</div>
<div class="footer2"><p>© Copyright bedumblues.nl 2009/2010. </p></div>
</body>
</html>
CSS code:
- Code: Alles selecteren
@charset "utf-8";
/* CSS Document */
body{
margin:auto;
text-align:center;
padding:0px;
position:relative;
display:table;
background-color: #d6dcf3;
height: auto;
overflow:hidden auto;
}
.container{
background-color: #FFF;
margin: 0 auto;
border: 1px solid #000;
width: 1024px;
min-height: 768px;
height: auto;
overflow: hidden;
text-align:left;
}
.menu{
background-image:url(../images/bgmenu.jpg);
background-repeat:no-repeat;
height: 64px;
width: 1024px;
}
.menu ul{
margin: 0px;
font-family: Georgia;
font-size: 16px;
list-style-type: none;
padding-top: 20px;
padding-left: 20px;
}
.menu li{
display:inline;
}
.menu li a{
font-family:arial;
font-size: 16px;
color: #FFF;
margin-top: 7px;
padding-top: 8px;
padding-left: 30px;
padding-right: 15px;
text-decoration:none;
font-weight:bold;
}
.menu li a:hover{
font-family:arial;
font-size: 16px;
color: #000;
margin-top: 15px;
padding-left: 30px;
padding-right: 15px;
padding-bottom: 10px;
text-decoration:none;
font-weight:bold;
background-image:url(../images/bal.gif);
background-repeat:no-repeat;
}
.submenu{
float: left;
border: 1px solid #CCC;
width: 335px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px;
font-family:Arial;
font-size:12px;
background-color: #d6dcf3;
}
.submenu li a{
font-family:arial;
font-size: 12px;
color: blue;
text-decoration:none;
font-weight:bold;
}
.submenu li a:hover{
font-family:arial;
font-size: 12px;
color: #003;
list-style-type:square;
text-decoration:none;
font-weight:bold;
}
.header{
background-image:url(../images/banner.JPG);
background-repeat:no-repeat;
width: 1024px;
height: 230px;
border-bottom: 1px solid #000;
margin-bottom: 5px;
}
.nieuws{
float: left;
border: 1px solid #CCC;
width: 650px;
height: 300px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.transpirant{
width:650px;
height:50px;
margin-top:250px;
background-color:#000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
.transpirant P{
padding-top: 15px;
margin-left: 20px;
font-family:arial;
font-size:16px;
font-weight: bold;
color: #FFF;
}
.none a{
text-decoration:none;
}
.schema{
float: right;
border: 1px solid #CCC;
width: 345px;
height: 300px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:5px;
padding-right: 5px;
font-family:Arial;
font-size:12px;
background-color: #d6dcf3;
}
.archief{
float: left;
width: 362px;
height: 200px;
margin-left: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
padding-left:5px;
padding-right: 5px;
}
.ardiv1{
background-color: #d6dcf3;
font-family:arial;
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
font-size:12px;
}
.ardiv2{
background-color: #FFF;
font-family:arial;
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
font-size:12px;
}
.archiefText{
margin-top:35px;
}
.album{
float: left;
width: 282px;
height: 200px;
margin-left: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
padding-left:5px;
padding-right: 5px;
}
.login{
float: right;
width: 322px;
height: 200px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
padding-left:5px;
padding-right: 5px;
font-family:arial;
font-size: 12px;
}
.formText{
float:left;
padding-bottom: 6px;
margin-top: 5px;
clear:both;
}
.formInput{
float:right;
}
input{
width: 200px;
}
.loginText{
float:right;
margin-left: 150px;
margin-top: 30px;
}
.kopje{
background-image:url(../images/bal.gif);
background-repeat:no-repeat;
padding-left: 35px;
padding-top: 10px;
height: 40px;
font-family:arial;
font-size: 14px;
color:#000;
font-weight: bold;
margin-bottom: -18px;
}
.footer1 p{
text-align:center;
vertical-align:bottom;
margin-top: 20px;
margin-right: 5px;
margin-bottom: 5px;
font-family: Tahoma;
font-size: 12px;
}
.footer2 p{
text-align:center;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Tahoma;
font-size: 12px;
}
.schemaTeam{
float: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
clear:both;
}
.schemaInfo a{
float: right;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
color: #00F;
text-decoration:none;
font-family:arial;
font-size: 12px;
}
.informatie{
float: right;
width: 649px;
height: auto;
min-height: 500px;
margin-bottom: 5px;
margin-right: 5px;
padding: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
font-family: arial;
font-size: 12px;
color: #000;
}
.teams{
float: right;
width: 649px;
height: auto;
min-height: 543px;
overflow:auto;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
font-family: arial;
font-size: 12px;
color: #000;
}
.adsense{
float: left;
width: 335px;
height: 231px;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 0px;
vertical-align:top;
padding: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
font-family: arial;
font-size: 12px;
color: #000;
top:570px;
position:absolute;
}
.stand{
float: left;
width: 335px;
height: 276px;
margin-left: 5px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #CCC;
background-color: #d6dcf3;
font-family: arial;
font-size: 12px;
color: #000;
}
.link a{
float: right;
padding-right: 5px;
color: #00F;
text-decoration:none;
font-family:arial;
font-size: 12px;
}
.nieuwspage{
float: left;
background-color: #d6dcf3;
border: 1px solid #CCC;
width: 1002px;
height: 508px;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.date{
margin-bottom: 5px;
color: #686262;
font-family:arial;
font-size: 11px;
font-weight: bold;
}
.rowLink{
text-decoration: none;
font-family: arial;
font-size: 12px;
color: #00F;
}
.none{
text-decoration: none;
font-family: arial;
font-size: 12px;
color: #000;
}
table td{
color: #000;
text-decoration:none;
font-family:arial;
font-size: 12px;
}
.gameInfo{
float:left;
width: 345px;
height: 150px;
margin-right: 5px;
margin-bottom: 5px;
padding-left:5px;
padding-right: 5px;
font-family:Arial;
font-size:12px;
background-color: #d6dcf3;
clear: both;
}
.gameInfoLinks{
float: left;
padding-right: 5px;
padding-bottom: 2px;
clear:both;
}
.gameInfoRight{
float: right;
padding-bottom: 2px;
padding-right: 5px;
}
.titel{
padding-top: 10px;
padding-bottom: 10px;
text-align:center;
font-family:arial;
font-size: 36px;
}
.vorigeOntmoeting{
float: left;
border: 1px solid #CCC;
width: 345px;
height: 50px;
margin-right: 5px;
margin-bottom: 5px;
padding-left:5px;
padding-right: 5px;
font-family:Arial;
font-size:12px;
background-color: #FFFFFF;
}
.aanwezig{
float:right;
width: 400px;
height: 400px;
padding-left: 5px;
padding-right: 5px;
font-family:arial;
font-size: 12px;
}
.gastenboek{
float: right;
background-color: #d6dcf3;
border: 1px solid #CCC;
width: 649px;
height: auto;
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.gastenboekInput{
margin-left: 30px;
position:relative;
width: 252px;
}
.tekensLeft{
margin-right: 30px;
float:right;
position:relative;
width: 30px;
}
.gastenboekSubmit{
float:right;
margin-top: 12px;
margin-right: -37px;
position:relative;
width: 100px;
}
label{
width: 15px;
display:block;
text-align:right;
float:left;
}
.gastenboekInvoer{
float: left;
border: 1px solid #CCC;
width: 335px;
height: auto;
margin: 5px;
margin-top: 0px;
padding: 5px;
font-family:Arial;
font-size:12px;
background-color: #d6dcf3;
}
Alvast bedankt!
Frank
