Hallo, ik zit met een probleempje..
Ik weet dat de meeste van jullie anti iframe zijn maar het is nu eenmaal de wens van mijn opdrachtgever.. ik heb een website gemaakt die er goed uitziet op de afmetingen 1280 x 768 en 1280 x 800. Maar op de afmetingen 800 x 600 en 1024 x 768 overlapt mijn iframe het menu. Ik heb echt naar mijn gevoel alles al geprobeerd en ik ben te einde raad.. dit is de code van mijn index pagina:
Zou iemand mij kunnen vertellen wat ik fout doe?
Ik weet dat de meeste van jullie anti iframe zijn maar het is nu eenmaal de wens van mijn opdrachtgever.. ik heb een website gemaakt die er goed uitziet op de afmetingen 1280 x 768 en 1280 x 800. Maar op de afmetingen 800 x 600 en 1024 x 768 overlapt mijn iframe het menu. Ik heb echt naar mijn gevoel alles al geprobeerd en ik ben te einde raad.. dit is de code van mijn index pagina:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DJ Jean-Paul.nl</title>
<link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">
<!--
a:link {
color: #FF9900;
}
.style6 {
font-size: 16px
}
.style7 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="container">
<!-- header -->
<p><img src="images/layouttt.jpg" width="780" height="677"hspace="110" vspace="0" border="0" align="left" usemap="#Map"/>
<map name="Map" id="Map"><area shape="rect" coords="6,130,82,237" href="home.html" target="home" alt="Home" />
<area shape="rect" coords="87,129,171,234" href="referenties.html" target="home" />
<area shape="rect" coords="177,127,243,234" href="links.html" target="home" />
<area shape="rect" coords="249,126,332,236" href="tarieven.html" target="home" alt="Tarieven" />
<area shape="rect" coords="338,126,410,234" href="contact.html" target="home" />
<area shape="rect" coords="611,264,756,315" href="agenda.html" target="home" alt="Agenda" />
<area shape="rect" coords="610,327,757,379" href="fotogallerij.html" target="home" alt="Fotogallerij" />
<area shape="rect" coords="608,387,756,441" href="videos.html" target="home" alt="Video's" />
<area shape="rect" coords="609,449,756,504" href="discografie.html" target="home" alt="Discografie" />
</map></p>
<div style="position: absolute; top: 42%; left: 20%; z-index: 0; width: 100%; height: 100%">
<iframe src="home.html" name="home" width="570" height="410" frameborder="0" style="border: 0 solid #93160F" scrolling= no></iframe></div>
<!--end header -->
<!--footer -->
<div id="footer">
<div id="menu_footer"><a href="home.html" target="home">Home</a> | <a href="referenties.html" target="home">Referenties</a> | <a href="links.html" target="home">links</a> | <a href="tarieven.html" target="home">tarieven</a> | <a href="contact.html"target="home">Contact</a> | <a href="agenda.html" target="home">Agenda</a> | <a href="fotogallerij.html" target="home">Fotogalerij</a> | <a href="videos.html" target="home">Video's</a> | <a href="discografie.html" target="home">discografie</a></div>
<div id="left_footer">© Copyright 2008 <a href="mailto: title="DJ-Jean-Paul.nl"><strong>DJ-Jean-Paul.nl</strong></a></div>
<div id="right_footer">
Design by <a href="mailto:" title="JH Design"><strong>JH Design</strong></a>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Zou iemand mij kunnen vertellen wat ik fout doe?