5 Replies Latest reply on Jun 4, 2010 6:46 AM by håvardnoren

    Compability problem

    håvardnoren

      Hi,

       

      I made this webpage with a background and header designed in photoshop. When I open my html file with internet explorer 8.0, it looks like the whole page starts where my header is supposed to be. Since I havn't uploaded my code to the web I'll post the code with pictures on how it looks in dreamweaver and explorer 8.0

      Dreamweaver usually lets me know if there's any compability problems, but this time there's apparently none. That's why I wonder why this is happening.

       

      Css stylesheet:

       

      @charset "utf-8";
      /* CSS Document */
      #page{
       width:1024px;
       height:768px; 
       background-image:url(Images/Bubbles.png);
       z-index:1;
      }
      #header{
       width:654px;
       height:128px;
       background-image:url(Images/Bubbles%20header.png);
       margin-top:120px;
       margin-left:195px;
       z-index:2;
      }
      p{
       color:blue;
       padding-top:130px;
       padding-left:0px;
       
      }
      

       

       

      Html 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>Webside</title>
      
      <link href="Stilark.css" rel="stylesheet" type="text/css" />
      
      </head>
      
      <body>
      
      <div id="page">
      
           </div>
      
           <div id="header">
      
           <p>Her er det masse boble skrift med ikke så pen farge. <br /> Jeg klarte å slette layeret til boble header effektene, så den kan jeg ikke replikere. :(
           </p>
      
           </div>
      
      </div>
      
      </body>
      </html>
      


      Here is how it looks in dreamweaver:

      Webside Bubble.png

       

      Here is how it looks in internet explorer 8.0:

       

      webside Bubble2.png