Iframe verspringt resolutie

Status
Niet open voor verdere reacties.

Joyce86

Nieuwe gebruiker
Lid geworden
13 dec 2008
Berichten
2
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:


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">&copy; 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?
 
Als je deze:
<div style="position: absolute; top: 42%; left: 20%
vaste waarde geeft:
<div style="position: absolute; top: 216px; left: 20%


:cool:
 
Ik heb het geprobeerd maar het iframe overlapt nog steeds t menu...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan