Can it be that shadowbox changes my layout in IE

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

Can it be that shadowbox changes my layout in IE

Bnov
Thanks for making shadowbox so easy to use!! I am a noob in those thinks but i have shadowbox running in firefox and IE but in IE my layout is changing = pic moves a little
I have tried with every DOCTYPE and four of them are working for firefox and IE but the layout changes for IE? With <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"> makes also in firefox everything to move. So that is why I use another "see my code".

Layout:
everything okay in firefox
not okay in IE

Here is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html >

<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CANdo Team</title>


<link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">

<script type="text/javascript" src="src/js/lib/yui-utilities.js"></script><script type="text/javascript" src="src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="src/js/shadowbox.js"></script><script type="text/javascript"> window.onload = function(){ Shadowbox.init(); /** * Note: The following command is not necessary in your own project. It is * only used here to set up the demonstrations on this page. */ initDemos(); }; function initDemos(){ Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area')); }; </script>

</head>

<body background="backgroundsin.bmp" border=0>
<center>
 <div id="hongkong">
                   

                         
       
               
               

             
       
                       
       
         
        <map name="FPMap0">
                <area href="emailcando.html"  shape="poly" coords="137, 259, 164, 282, 104, 352, 78, 330" TARGET="one">
                <area href="partprojects.html"  shape="poly" coords="142, 157, 212, 217, 190, 243, 120, 183" TARGET="one">
                               
        </map>       
       
       
        <map id="hongkongmap" name="hongkongmap">
                <area  shape="poly" coords="47, 78, 74, 102, 14, 172, 0, 160, 0, 133" href="partteam.html" rel="shadowbox" class="option" title="CANdo Team" >
        </map>
       
       
         
        <map name="FPMap1">
                <area href="parthome.html"  shape="poly" coords="27, 49, 97, 110, 73, 136, 4, 76" TARGET="one">
               
        </map>
       
         
       
<iframe SRC="parthome.html" WIDTH=399 HEIGHT=349 FRAMEBORDER=0 NAME="one" SCROLLING=NO marginheight=0 marginwidth=0></iframe>
       
       
     </div>         
</center>


</BODY>
</HTML>


CAN anybody help me why the layout moves only in IE with shadowbox implemented?

This would make an end on my suffering :-)!