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:
Dit is de css:
Hopelijk heeft iemand hier een workaround voor
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">© <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> &
<a href="http://www.opera.com/download/get.pl?id=31452&location=30¬hanks=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: