2 Replies Latest reply: Dec 11, 2012 7:54 PM by sudarshan.t RSS

    Div flush with top of page

    Maximillion1255

      I've found out that you have defualt browser values that can effect the layout of my page, i've been trying to get a Div flush with the pot of the browser.
      If anyone could help me here i'd be really thankful.

       

      <html>

      <head>

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

      <title>Gower Aikido</title>

          <style type="text/css" media="screen, projection">

       

          #container{

          width: 0 auto;

          margin: 50px;

          margin-top: 0px;

          margin-bottom: 0 auto;

          min-height: 800px;

          background-color: rgba(255, 255, 255, 0.9);

          color: rgba(255, 255, 255, 0.9);

          -webkit-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.72);

          -moz-box-shadow:    0px 10px 10px rgba(50, 50, 50, 0.72);

          box-shadow:         0px 10px 10px rgba(50, 50, 50, 0.72);

          color: #FFF;

          padding: 10px;

          text-align: center;

          }

         

         

          </style>

      </head>

       

      <body>

          <div id="container">

            <p><img src="images/GowerAikidoLogo.jpg" width="459" height="181" alt="Logo" /></p>

      </div>

       

      </body>

      </html>

       

      This is what i've got so far and it all works perfect expect its not reaching about 5px to the top

       

      Fourth.jpg

      if you look near the top left/right you'll see the small space thats annoying me to no end. xD