basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    Hallo, wollte einen Header programmieren bei www.Domainagentur.de, aber irgendwas stimmt hier mit den DIVs nicht möchte das genau mittig auf der Webseite positionieren. Wollte das so machen wie auf dem Screen: http://domainagentur.de/test/Unbenannt.png Wer kann mir da bitte weiterhelfen? Muss das HeaderLogo und Headerbild auch in einen DIV? Wer kann mir da bitte helfen dies umzusetzen?

    Code

                                        
                                    <!DOCTYPE html>
    <html lang="de">
      <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Domainagentur Markus Kein</title>
    <style>
      *{
       margin:0;
       padding:0;
    }
    #headerbild {
    	 max-width:1014px;
       width:80%;
       justify-content:center;
       align-self:center;
    }
    #logo {
       max-width:260px;
       width:20%;
    }
    #header {
    	 width:100%;
       display:flex;
       flex-direction:column;
    }
    .line{
       display:flex;
       justify-content:center;
       align-items: flex-end;
    }
    nav,ul{
        display:flex;
    }
    ul,li{
       list-style:none;
       padding: 5px;
    }
    ul li a{
       list-style:none;
       font-size:12px;
       color:black;
    }
        </style>
      </head>
     
      <body>
     
        <div id="header">
       <div class="line">     
          <nav>
            <ul>
          <li><a href="">HOME</a></li>
          <li><a href="">UNTERNEHMEN</a></li>  
         <li><a href="">DIENSTLEISTUNGEN</a></li>
         <li><a href="">FRAGEN& ANTWORTEN</a></li>
         <li><a href="">IMPRESSUM</a></li>  
       </ul>
     </nav>
          </div>
                <img id="headerbild" src="/siteimage/ipad-820272_960_720.jpg">
        </div>
      </body>
    </html>