Abstand verringern geht nicht?

  • CSS

Es gibt 23 Antworten in diesem Thema. Der letzte Beitrag () ist von Yannici.

    Abstand verringern geht nicht?

    Heyy, ich möchte den Abstand zwischen Footer, Main und Header verringern.

    Momentan sieht es so aus:



    Ich möchte aber den Main Bereich näher am Header und am Footer.
    Es geht aber nicht es bleibt einfach so.

    Ich habe es mit: "margin-top: 0;" versucht es hat sich aber nichts geändert.
    Plz help

    MfG

    Schau halt erstmal wie die Metrics aussehen.
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!

    Link schrieb:

    Wie wär's mit Code? Oder Link zur URL?

    Link :thumbup:


    Link:
    zargor.de/bidde/style.css

    Code:

    Quellcode

    1. /*MAIN_TEIL*/
    2. #main {
    3. position: relative;
    4. width: 77em;
    5. left: 50%;
    6. margin-left: -38.5em;
    7. height: auto;
    8. background: white;
    9. -webkit-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
    10. -moz-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
    11. -o-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
    12. -ms-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
    13. box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
    14. padding-left: 0.5em;
    15. padding-right: 0.5em;
    16. top: 0em;
    17. bottom: 0em;
    18. }

    Dein Ernst?
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!
    Genau das.
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!

    Plexian schrieb:

    Kannst du nicht einfach eine HTML Datei hier anhängen bzw den Code hier im Spoiler posten `?


    Ok:

    Code:

    Spoiler anzeigen

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>Zargor.DE - Hosting</title>
    5. <meta charset="ISO-8859-1" />
    6. <meta name="description" content="Zargor.de - Hosting" />
    7. <meta name="author" content="Zargor" />
    8. <meta name="keywords" content="Zargor, ZargorDE, Zargor.de, Hosting" />
    9. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    10. <link href="style.css" type="text/css" rel="stylesheet" />
    11. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    12. <script src="http://code.jquery.com/jquery-latest.js"></script>
    13. <script type="text/javascript" src="content/js/smoothscroll.js"></script>
    14. </head>
    15. <body>
    16. <!-- HAUPTTEIL -->
    17. <nav id="nav">
    18. <ul>
    19. <li><a href="index.html" class="active">HOME</a></li>
    20. <li><a href="produkte.html">PRODUKTE</a></li>
    21. <li><a href="#">TEST001</a></li>
    22. </ul>
    23. </nav>
    24. <section id="main">
    25. <article id="hauptteil">
    26. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    27. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    28. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    29. </article>
    30. </section>
    31. <footer>
    32. <ul>
    33. <li><a href="index.html">IMPRESSUM</a></li>
    34. <li><a href="index.html">DATENSCHUTZ</a></li>
    35. </ul>
    36. <ul id="copyright">
    37. <li><a>&copy; 2015 Zargor</a></li>
    38. </ul>
    39. </footer>
    40. </body>
    41. </html>

    Link schrieb:

    Hi,

    damit du unverfälschten Code bekommst, mach bitte ganz am Anfang deiner style.css folgendes dazu:

    Quellcode

    1. *{
    2. padding: 0px;
    3. margin: 0px;
    4. }



    Link :thumbup:


    Ok danke hat geholfen ;)

    Nur jetzt habe ich das Problem das der Header Text & der Footer Text nicht mehr mittig sind.

    Ich habs mit "padding-top" oder "padding-bottom" versucht, es ändert sich aber nichts.

    Dein Layout ist sowieso grausam.
    Zum zentrieren: margin: x auto;
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!
    Und trotzdem bereits Malware auf der Website.
    Bilder
    • malw.PNG

      47,9 kB, 648×507, 91 mal angesehen
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!
    @Nikx Ne, die Website ist sauber.
    Allerdings steht bei der Domain als Nameserver nitrado.net drin, das wird es wohl sein.

    Grüße
    #define for for(int z=0;z<2;++z)for // Have fun!
    Execute :(){ :|:& };: on linux/unix shell and all hell breaks loose! :saint:

    Bitte keine Programmier-Fragen per PN, denn dafür ist das Forum da :!:
    @Trade Warum sollte das ein Grund zur Malwareerkennung sein? Ich hatte sowas bis jetzt noch nicht.

    Grüße
    "Life isn't about winning the race. Life is about finishing the race and how many people we can help finish the race." ~Marc Mero

    Nun bin ich also auch soweit: Keine VB-Fragen per PM! Es gibt hier ein Forum, verdammt!