Beste leden,
Ik heb een probleempje met mijn lay-out hij laat hem niet goed zien in internet explorer maar, bij de andere browsers staat alles wel goed.
Het probleem is dat mijn dropdown menu schuin komt te staan in internet explorer en de color chancher te ver naar boven staat. IK hoop dat jullie me misschien een stukje opweg kunnen helpen met dit probleem.
Voorbeeld site: Klik hier
Css (style.css):
PHP
*{
margin:0px;
padding:0px;
}
body{
background: #014003;
}
#top{
margin-top:10px;
margin-bottom:10px;
width:992px;
height:33px;
text-align:left;
clear: both;
}
#header{
background:url(../images/header.gif);
width:992px;
height:230px;
}
#menu{
background:url(../images/menu.gif) no-repeat;
width:992px;
height:41px;
}
.menu{
padding-top:7px;
color:#FFFFFF;
}
#content{
overflow:hidden;
background:#ffffff;
width:992px;
height:auto;
min-height:20px;
}
#clinks {
float:left;
margin-left:41px;
margin-bottom:5px;
text-align:left;
width: 588px;
}
#crechts {
text-align:left;
float:right;
margin-right: 41px;
width:270px;
margin-bottom:10px;
}
#crechts img{
margin-top:20px;
}
#footer{
background:#fff;
width:992px;
height:35px;
margin-bottom:10px;
}
.footerttekst{
float:left;
font-weight:bold;
font-size:16px;
padding-left:41px;
padding-top:10px;
}
.footerzoom{
color:#FFFFFF;
float:right;
text-align:left;
width:200px;
margin-right:20px;
}
#h1{
text-decoration:underline;
text-width:20;
}Css (menu.css)
PHP
#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
left:auto;
margin-left:20px;
}
#nav a {
display: block;
text-decoration: none;
}
ul a{
font-weight: bold;
color: #FFFFFF;
cursor: default;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}
ul ul li{
background:url(../images/dropdown.jpg) repeat;
border-left: 0;
}
/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 0px solid #FFF;
}
* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */index.php:
PHP
<?php
include_once"include/config.php"
?>
<html>
<head>
<title>Zorgboerderij-Dagverblijf "De PrinsHoeve"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style/style.css" type="text/css">
<link rel="stylesheet" href="style/menu.css" type="text/css">
<script>
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
<script type="text/javascript">
function changeBackColor ( color ) {
document.body.style.background = color;
}
</script>
<script language="JavaScript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" ie_does_hover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" ie_does_hover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
<center>
<div id="top">
<a href="#" onclick="changeBackColor('#0000FF')"><img border="0" src="images/blauw.gif"></a><a href="#" onclick="changeBackColor('#014003')"><img border="0" src="images/groen.gif"></a>
</div>
<div id="header"></div>
<div id="menu">
<div class="menu">
<ul id="nav">
<li><a href="index.php?x=voorpagina/index.php">Startpagina</a></li>
<li><a href="#">Ons aanbod</a>
<ul>
<li><a href="index.php?x=aanbod/voorwie/index.php">Voor wie?</a></li>
<li><a href="index.php?x=aanbod/dagindeling/index.php">Dag indeling</a></li>
</ul>
</li>
<li><a href="index.php?x=activiteiten/index.php">Activiteiten </a>
<ul>
<li><a href="index.php?x=activiteiten/boerderij/index.php">Rond de boerderij</a></li>
<li><a href="index.php?x=activiteiten/binnen/index.php">Binnen</a></li>
<li><a href="index.php?x=activiteiten/uitstapjes/index.php">Uitstapjes</a></li>
<li><a href="index.php?x=activiteiten/foto/index.php">Foto's</a></li>
</ul>
</li>
<li><a href="index.php?x=vrijwilligers/index.php">Vrijwilligers</a></li>
<li><a href="index.php?x=nieuws/index.php">Nieuws</a></li>
<li><a href="index.php?x=links/index.php">Links</a></li>
<li><a href="index.php?x=gastenboek/index.php&page=start">Gastenboek</a></li>
<li><a href="index.php?x=contact/index.php">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="clinks">
<?php
If(!$_GET['x'])
{
include("website/voorpagina/index.php");
}
Else
{
$include = include("website/".$_GET['x']."");
If(!$include)
{
echo 'fout include';
}
}
?>
</div>
<div id="crechts">
<h1><u>Linkpartners</u></h1>
<br>
<marquee direction="up" scrolldelay="150" height="300" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<a target="_blank" href="http://www.thuiszorggroningen.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/1.jpg"> </a>
<a target="_blank" href="http://www.icare.nl"> <img border="0" width="75%" height="100" src="images/linkpartners/2.jpg"> </a>
<a target="_blank" href="http://www.buurtzorgnederland.com/"> <img border="0" width="75%" height="100" src="images/linkpartners/3.jpg"> </a>
<a target="_blank" href="http://www.zgmeander.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/4.jpg"> </a>
<a target="_blank" href="http://www.arlero.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/5.jpg"> </a>
<a target="_blank" href="http://www.pgb-serviceburo.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/6.jpg"> </a>
</marquee>
</div>
</div>
<div id="footer">
<div class="footerzoom">
<a href="#" type="button" value="+" onClick="inzoomen();"><img border="0" src="images/+.png"></a>
<a href="#" type="button" value="-" onClick="uitzoomen();"><img border="0" style="margin-left:20px;" src="images/-.png"></a>
</div>
<div class="footerttekst">
© Zorgboerderij-Dagverblijf "De PrinsHoeve"
</div>
</div>
</center>
</body>
</html>Met vriendelijke groet,
Franky
EDIT:
Voor de duidelijkheid nog even in het kort de fouten:
1. De colorchancher links boven staat bij internet expolorer niet tegen de header aan zoals in andere browsers
2. dropdown menu laadt in internet explorer niet er netjes onder zoals in alle andere browsers.
