Skip navigation
Maximillion1255
Currently Being Moderated

Div flush with top of page

Dec 11, 2012 5:55 PM

Tags: #background

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

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points