• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Box auf ganze Seite auffüllen

MapHD

Neues Mitglied
Wie kann ich die Box links, rechts und unten bis zum Rand füllen.
HTML:
<center>      
     
<div style="background-color:#DAE9D7;width: 100%;">      
           <br>
            <br>
     
       <div style=" width: 300px; margin: auto; background-color: orange; border-radius: 25px;text-align: left;padding-left: 15px;padding-top: 5px;padding-bottom: 5px;">
       
        <span style="color:brown"><h1>Forum</h1></span>
            <h3>Wenn Sie fragen zu bestimmten Themen haben Dann klicken Sie <a href="forum.html">hier</a>.
            </h3>
     
       </div>
     
       <br />
       <br>
       <br>
       
        <div style="width: 300px; margin:auto;background-color: lightblue; border-radius:25px;;text-align: left;padding-left: 15px;padding-top: 5px;padding-bottom: 5px">
            <span style="color:brown"><h1>Blogs</h1></span>
            <h3>Wenn Sie wissen wollen wie mir die Idee zu dieser Website kam und noch vieles mehr, dann klicken Sie
            <a href="blog.html">hier</a>.
            </h3>
     
       </div>
     
       <br />
       <br>
       <br>
       
       <div style="width: 300px; margin: auto; background-color: lightgreen; border-radius:25px;text-align: left;padding-left: 15px;padding-top: 5px;padding-bottom: 5px">    
            <span style="color:brown"><h1>Kontakt</h1></span>
                <h3>Wenn Sie Fragen oder Feedback haben,dann klicken Sie <a href="Kontakt.html">hier</a>.
           </h3>
    </div>    
    <br />
       <br>
       <br>
     
     
   
   
     
   
     
   
       
  <div style="color: aliceblue;background-color: black;padding-top: 1px;padding-bottom: 1px;border-radius:50px ;height: 50px;padding-top: 2px;padding-bottom: 2px">
         <footer>
             <center>
                 <h5>
                     © 2018 Webtutorial | Created by MapHD | <a href="Kontakt.html" style="color: aliceblue">Kontakt</a>
                 </h5>
             </center>
        </footer>
    </div>        
<br>
    <br>
    </div>
   
   
   
       </center>
 
Zuletzt bearbeitet:
Werbung:
welche Box von den?

Ich meine den zwischen Über mich und der Fußzeile:

Hier wäre der ganze Code:
HTML:
<!DOCTYPE html>
<html lang="de">
   <font face="Arial">
<title>Bewerbung - Startseite</title>
<head>
<body style="background-image:url('2.png'); background-size:100%;background-attachment: fixed;background-size: cover;
background-position: center center;"></body>
 

    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109210277-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-109210277-1');
</script>

   
    </head>  
    <link rel="shortcut icon" href="log2.png" type="image/x-icon" />
   
       

    <div style="position: center;background-color: black;text-align: center;left: 50%;border-radius:75px;padding-top: 10px;padding-bottom: 10px"><h3>
       
        <a href="index.html"style="text-decoration:none; color: green">Startseite&nbsp;&nbsp;</a>
        <a href="forum.html"style="text-decoration:none; color: green">Forum&nbsp;&nbsp;</a>
        <a href="blog.html"style="text-decoration:none; color: green">Blog&nbsp;&nbsp;</a>
        <a href="Kontakt.html"style="text-decoration:none; color: green">Kontakt</a> </h3>
    </div>
             
        <br>
        <br>
        <br>
           <br>
        <br>
        <br>
        <br>
        <br>
        <br>
           <br>
        <br>
        <br>
       <br>  
     
 

<center>      
    <div style="text-align: center;background-color: white;border-radius: 50px;padding-bottom: 10px;padding-top: 10px;width: 520px;font-size: 17px">  
     
       <h1><b>Bewerbung als Supporter</b></h1>
    </div>  
   
    <head><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-1118001454023819",
    enable_page_level_ads: true
  });
</script>
     
     
     
           <br>
        <br>
        <br>
           <br>
        <br>
        <br>
           <br>
        <br>
        <br>
           <br>
        <br>
        <br>
        <br>
        <br>
        <br>
           <br>
        <br>
        <br>
        <br>
        <br>
        <br>
           <br>
        <br>
        <br>
       
     
     
     
       </head>
   
       </center>
<center>      
     
<div style="background-color:#DAE9D7;width: 100%;">      
           <br>
            <br>
     
     
               
        <div style="width: 600px; margin: auto; background-color: orange; border-radius: 25px;;padding-left: 15px;text-align: center;height: 90px;padding-bottom: 5px;padding-top: 5px;padding-left: 5px;padding-right: 5px">
                <a href="forum.html" style="text-decoration: none">    
       
        <span style="color: black"><h1>Über mich</h1></span>
               
                </a>
        </div>
         
       
     
       <br />
       <br>
       <br>
       
        <div style="width: 600px; margin:auto;background-color: lightblue; border-radius:25px;;text-align:center;padding-left: 15px;padding-top: 5px;padding-bottom: 5px">
            <a href="blog.html;" style="text-decoration: none">
           
            <span style="color: black"><h1>Erfahrung mit Minecraft</h1></span>
            </a>
     
       </div>
     
       <br />
       <br>
       <br>
       
       <div style="width: 300px; margin: auto; background-color: lightgreen; border-radius:25px;text-align: left;padding-left: 15px;padding-top: 5px;padding-bottom: 5px">    
            <span style="color:brown"><h1>Kontakt</h1></span>
                <h3>Wenn Sie Fragen oder Feedback haben,dann klicken Sie <a href="Kontakt.html">hier</a>.
           </h3>
    </div>    
    <br />
       <br>
       <br>
     
     
   
   
     
   
     
   
       
  <div style="color: aliceblue;background-color: black;padding-top: 1px;padding-bottom: 1px;border-radius:50px ;height: 50px;padding-top: 2px;padding-bottom: 2px">
         <footer>
             <center>
                 <h5>
                     © 2018 Webtutorial | Created by MapHD | <a href="Kontakt.html" style="color: aliceblue">Kontakt</a>
                 </h5>
             </center>
        </footer>
    </div>        
<br>
    <br>
    </div>
   
   
   
       </center>
   
   
    </font>
    </html>
 
Werbung:
ehm??? Was machst du da ?? was machst du den da mit den body ? Wozu die ganzen <br> warum so viel inline styls ??
<center> und </font> Benutzt man auch nicht mehr .
Du solltest dir mal die grund kentnisse vom html 5 und css ankucken weil so kommt man nicht wirklich weit.
Aber ich ändere das mal etwas ab damit du siehst wie ich das meine weil so ist echt nicht gut
 
Ist vielleicht noch Verbesserung würdig aber besser als vorher
*** Link entfernt, weil nicht mehr erreichbar ***
und wie gesagt guck dir HTML und CSS Grund Kenntnisse an weil du hattest da CSS, zwischen die es gar nicht gibt und dein HTML ist veraltet und auch vollkommen falsch geordnet gewesen
 
Zuletzt bearbeitet:
Zurück
Oben