3 Replies Latest reply on Jun 3, 2010 11:09 AM by hans-g.

    Problems with webpage styling in dreamweaver

    håvardnoren

      Hello,

       

      I'm having problems with the basic design of my page, where my top bar isn't the height it ought to be.

       

      Here's my css stylesheet code (if you wonder what's up with the colors, I tried to add different colors so it would be easier to see where the different divs are):

       

      @charset "utf-8";
      /* CSS Document */
      #page{
       background:#600;
       position:absolute;
       top:0px;
       left:0px;
       width:1024px;
       height:768;
      }
      #top{
       background:#90F;
       position:absolute;
       top:0px;
       left:0px;
       width:1024px;
       heigth:142px;
       }
      #header{
       background:#0F0;
       position:absolute;
       top:142px;
       left:0px;
       width:1024px;
       height:158px;
      }
      #bottom{
       background:#C90;
       position:absolute;
       top:300px;
       left:0px;
       width:1024px;
       height:468px;
      }
      #venstre{
       background-color:#FFF;
       position:absolute;
       top:28px;
       left:33px;
       width:608px;
       height:357px;
      }
      #hoyre{
       background-color:#FFF;
       position:absolute;
       top:28px;
       left:667px;
       width:323px;
       height:430px;
      }
      
      


      and here's my 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>Untitled Document</title>
      
      <link href="Stilark.css" rel="stylesheet" type="text/css" />
      
      </head>
          
      <body>
      
      <div id="page">
      
           <div id="top">
          
           </div>
          
           <div id="header">
       
           </div>
          
           <div id="bottom">
            
                <div id="venstre">
                
                </div>
              
                <div id="hoyre">
        
                </div>
         
           </div>
      
      </div>
          
      </body>
      
      </html>