Opmaak probleempje doordat IE zich niet aan de standaard houdt

Status
Niet open voor verdere reacties.

Paterwarez

Gebruiker
Lid geworden
20 feb 2007
Berichten
21
Ik heb een site volgens de standaard gemaakt, maar nou wil IE de boel niet goed weergeven (opera, chrome & firefox doen het wel goed), en ik kan maar niet vinden wat dit veroorzaakt

de weergavefout:
alles in de div class="content" word naar beneden verplaatst zodra ik over een foto heen ga

de site kan je vinden op keldertje.petrajeugd.nl

er moet eerst ingelogd worden:
loginnaam: test
wachtwoord: test

Dit is de code van de weer te geven pagina:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> 
<meta name="description" content="description"/> 
<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<title>Het Keldertje Harderwijk</title> 
 
<!-- CSS --> 
<link rel="stylesheet" type="text/css" href="css/style.css"/> 
<!-- IBox --> 
<script type="text/javascript" src="scripts/ibox/ibox.js"></script> 
<script type="text/javascript"> 
iBox.setPath('scripts/ibox/');
</script> 
<!-- IBox end --> 
 
<!-- Thickbox --> 
<script type="text/javascript" src="scripts/jquery.js"></script> 
<script type="text/javascript" src="scripts/thickbox.js"></script> 
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> 
<!-- Thickbox end--> 
 
 
</head> 
<!--  --> 
    <body oncontextmenu="return false;"> 
        <div class="main"> 
            <div class="main_left"> 
                <div class="main_middle"> 
                    <div class="header"> 
                        <h1></h1> 
                        <div id="menu"> 
                            
		  <a href="set.php?module=news"> Nieuws </a> 
		| <a href="#" onclick="alert('Op dit moment hebben we alleen een fotoboek en nieuwspagina')"> Krabbelboek </a> 
		| <a href="set.php?module=photobook"> Fotoboek </a> 
		| <a href="set.php?module=agenda" onclick="alert('In ontwikkeling!! Alle agendaitems zijn nep!!!')"> Agenda </a> 
		| <a href="set.php?module=forum">Forum</a> 
	                        </div> 
                    </div> 
                <div class="content"><table width="100%" border="0" align="center"> 
							<tr> 
				<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.001.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.001.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.002.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.002.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.003.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.003.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.005.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.005.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.006.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.006.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.007.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.007.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.008.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.008.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.009.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.009.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.011.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.011.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.015.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.015.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.016.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.016.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.017.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.017.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.019.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.019.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.020.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.020.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.021.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.021.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.022.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.022.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.023.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.023.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.024.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.024.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.025.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.025.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.026.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.026.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.027.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.027.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.028.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.028.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.029.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.029.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.030.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.030.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.031.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.031.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.032.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.032.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.033.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.033.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.034.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.034.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.037.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.037.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.038.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.038.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.039.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.039.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.041.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.041.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.042.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.042.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.043.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.043.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.045.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.045.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.048.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.048.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.049.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.049.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.050.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.050.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.051.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.051.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.053.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.053.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.054.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.054.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.055.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.055.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.056.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.056.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.057.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.057.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.058.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.058.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.004.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.004.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.010.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.010.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.012.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.012.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.013.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.013.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.014.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.014.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.018.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.018.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.035.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.035.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.036.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.036.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.040.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.040.JPG" /></a></td> 
					</tr> 
					<tr>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.046.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.046.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.047.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.047.JPG" /></a></td>		<td width="100px" height="100px" align="center"><a href="images/2008-06-22/resized/2008-06-22.052.JPG" title="" class="thickbox" rel="album"><img src="images/2008-06-22/thumbs/2008-06-22.052.JPG" /></a></td> 
					</tr> 
					<tr> 
 		</tr> 
	</table> 
		</div> 
            </div> 
        </div> 
        
		<div class="main_right"> 
            <div class="link_projects"> 
                <div class="lbl">Het Keldertje sites</div> 
                    <span class="left"> 
                        <a href="index.php" class="g1" accesskey="c"><span>Site</span><br/>Het Keldertje Site</a> 
                    </span> 
                    <span class="right"> 
                        <a href="http://jeugdsoostkeldertje.hyves.nl/" class="g2" accesskey="p"><span>Hyve</span><br/>Het Keldertje Hyves</a> 
                    </span> 
                </div> 
                <div class="link_updates"> 
                    <div class="lbl">Fotoalbums</div> 
                        <a href="set.php?module=photobook&album=2008-06-22">Soos<br/>22-06-2008</a>                        <a href="#"></a>                        <a href="#"></a>                        <a href="#"></a>                        <a href="#"></a>                        <a href="#"></a>                    <div class="clearer"><span></span></div> 
                </div> 
            </div> 
        
            <div class="footer"> 
                <div class="left">&copy; <a href="index.php">Het keldertje</a> 2008.<br />Niets van deze site mag gekopieerd worden zonder 		
                toestemming. <br />Foto's zijn eigendom van Het Keldertje respectievelijk de fotograaf.
                </div> 
                <div class="right">Design by <a href="http://templates.arcsin.se/">Arcsin Web Templates</a><br />Code by <a href="http://peterelzinga.eu">Peter Elzinga</a><br /> 
                    Deze site is getest in 
                    <!--<a href="http://www.microsoft.com/downloads/details.aspx?familyid=9AE91EBE-3385-447C-8A30-081805B2F90B&displaylang=nl" title="Download Internet Explorer 7 voor Windows XP">Internet Explorer 7</a>,--> 
                    <a href="http://download.mozilla.org/?product=firefox-3.0.1&os=win&lang=nl" title="Download Firefox 3 voor Windows">Firefox 3 (aanbevolen)</a> &amp; 
                    <a href="http://www.opera.com/download/get.pl?id=31452&location=30&nothanks=yes&sub=marine" title="Download Opera 9.5 voor Windows">Opera 9.5</a> 
                </div> 
            </div> 
    	</div> 
    </body> 
</html>

Dit is de css:
HTML:
/*
Template name: Deep Red
Template URI: http://templates.arcsin.se/deep-red-website-template/
Release date: 2006-08-28
Description: A two-column layout with a touch of red.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* PHOTOBOOK  */
a img {
	border: none;
	cursor: default;
	}

/* Non-template */
#menu {
	position: relative;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	}

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #6C1400 url(../images/bgbody.gif) repeat-y center top;
	font: normal 0.7em Tahoma,Verdana,sans-serif;
}
div a {
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
h1 {
	color: #444;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}
code {
	background: url(../images/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #D91623;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(../images/quote.gif) no-repeat;
	color: #555;
	display: block;
	font: bold 1.2em "Trebuchet MS",serif;
	margin: 6px 0;
	padding-left: 28px;
}

/* structure */
.main {
	width: 680px;
	margin: 0 auto;
}
.main_left {
	float: left;
	padding-top: 6px;
	width: 420px;
	height: 850px;
	overflow: hidden;
}
.main_right {
	border-top: 6px solid #FFF;
	float: right;
	width: 254px;
}
.footer {clear: both;}

/* misc */
.left {
	float: left;
}
.right {
	float: right;
}
.header,.link_projects,.lbl,.link_updates a {
	border-bottom: 6px solid #FFF;
}
div.link_projects a:hover,div.link_updates a:hover, .content a:hover, div.footer div.left a:hover {
	background: #D7162C;
	color: #FFF;
}

/* logo */
.header {
	background: #D91623 url(../images/header.jpg) repeat-x;
	height: 180px;
}
.header h1 {
	margin: 0;
	padding: 124px 0 0 24px;
	font: normal 2.2em Verdana,sans-serif;
}

/* main navigation */
.link_menu {
	background: #CC2224 url(../images/grdnt_red.png) repeat-x;
}
.link_menu a {
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	height: 18px;
	padding: 6px 0 0 10px;
	text-decoration: none;
}
.link_menu a:hover {background: #444;}

/* projects */
.lbl {
	background: #222 url(../images/bglbl.gif) repeat-x;
	clear: both;
	color: #FFF;
	font: normal 2em "Lucida Sans Unicode",sans-serif;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
}
.link_projects a {
	display: block;
	height: 100px;
	text-align: center;
	color: #FFF;
	padding-top: 24px;
	width: 124px;
	font-size: 0.9em;
	font-family: sans-serif;
}
.link_projects a span {
	font: normal 5em sans-serif;
}
a.g1 {
	background: #888;
}
a.g2 {
	background: #666;
	border-left: 6px solid #FFF;
}

/* updates */
.link_updates {
	background: #222 url(../images/grdnt_gray.gif) repeat-x;
}
.link_updates .lbl {
	border-top: 6px solid #FFF;
	height: 80px;
	line-height: 80px;
}
.link_updates a {
	clear: right;
	display: block;
	font: normal 1.2em "Trebuchet MS",sans-serif;
	height: 30px;
	padding: 10px;
	text-align: right;
}

/* content */ 
.content {
	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	height: 660px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	padding-left: 10px;
}
.content a {
	color: #FD1C24;
}
.content p {
	margin: 4px 0 10px 0;
}
.content .descr {
	color: #666;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../images/li.gif);
	margin-left: 18px;
}

/* footer */
.footer {
	color: #666;
	clear: both;
}
.footer .right a {
	background: #2A2A2A;
	color: #555;
	padding: 1px 3px;
}
.footer .right a:hover {
	background: #383838;
	color: #999;
}
.footer .left a {
	color: #777;
}
.footer .left {
	border-top: 1px solid #F0F0F0;
	padding: 9px 0 9px 9px;

	width: 407px;
}
.footer .right {
	margin-right: 8px;
	padding: 9px 0;
	text-align: right;
	width: 220px;
}

Hopelijk heeft iemand hier een workaround voor
 
Laatst bewerkt:
Ik heb niet meteen een antwoord op je vraag, maar wilde even melden dat ik via IE en Firefox niet kan inloggen op je site.
Ik krijg dan de melding:
Fout in set.php...informeer de beheerder.


Groetjes Janny
 
Ik heb niet meteen een antwoord op je vraag, maar wilde even melden dat ik via IE en Firefox niet kan inloggen op je site.
Ik krijg dan de melding:
Fout in set.php...informeer de beheerder.


Groetjes Janny

hmmm raar bij mij thuis werkt ie in alle browsers prima (het is een check of je van de site afkomt en niet zelf wat in de url aan GET-waarden zet)

maar ik heb het uit gezet
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan