Ergebnis 1 bis 3 von 3

Thema: zu viel Platz zwischen Menü und Header

  1. #1
    HTML Newbie
    Registriert seit
    14.12.2013
    Beiträge
    2
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard zu viel Platz zwischen Menü und Header

    Tachen,

    ich hab heute Mittag erst richtig angefangen, HTML und CSS zu lernen und hab nun ein kleines Problem, wo ich aber schon seit 2 Stunden vergeblich nach einer Lösung suche...

    Ich habe zwischen dem Menü und meinem Header einen zu großen Abstand, den ich irgendwie nicht weg bekomme. (Das ist nur eine Testseite ohne Inhalt)

    Ich habe zwar schon mit sämtlichen "margin-werten" herumgetestet, es hat sich aber nichts an dem Abstand verändert. (falls es was hilft: http://enchanted4d.de/)

    HTML:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Startseite</title>
            <link href="../css/design.css" type="text/css" rel="stylesheet">
        </head>
        <body>
            <div id="website">
                <div id="menue">
                    <ul id="navigation">
                        <li>Startseite</li>
                        <li>|</li>
                        <li>Sonstiges</li>
                    </ul>
                </div>
                <div id="header">
                    <h1>Meine Website</h1>
                </div>
                <div id="main">
                    <div id="content">
                    
                    </div>
                </div>
                <div id="footer">
                
                </div>
            </div>
        </body>
    </html>
    CSS:
    Code:
    body {
        background-color:lightyellow;
        text-align:center;
    }
    #website {
        width:100%;
        margin:0 auto;
    }
    #menue {
        width:70%;
        height:50px;
        margin-left:15%;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        margin-bottom:10px
    }
    ul#navigation {
        margin-top:0;
        padding:0.4em;
        text-align:center;
        background-color:#333333;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    ul#navigation  li{
        list-style:noxe;
        display:inline;
        margin:0.2em;
        padding:0;
        font-family:arial;
        color:white;
        font-weight:bold;
    }
    #header {
        width:70%;
        height:150px;
        margin-left:15%;
        margin-bottom:10px;
        background-color:orange;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    #header h1 {
        padding-top:50px;
        font-size:60px;
        font-weight:bold;
        font-family:arial;
        color:white;
    }
    #main {
        width:70%;
        margin-bottom:10px;
        margin-left:15%;
        background-color:#333333;
        height:300px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    Danke schonmal für alle Antworten!
    Frohe Weihnachten und viele Grüße,
    Marc
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: zu viel Platz zwischen Menü und Header

    Im CSS unter #header h1 dort das margin-top:0 setzen.

    Durch die Default Styles haben alle Elemente gewisse Einstellungen von Haus aus. Diese sollten bei allen Browern gleich sein sind sie aber manchmal nicht, daher immer zuerst schauen, wie die Voreinstellungen sind.

    Diese findet man hier unter http://www.w3.org/TR/html-markup/h1.html#h1 und dann unter Punkt typical default properties.
    Alle Elemente im Überblick sind -> http://www.w3.org/TR/html-markup/com...mmon.elem.flow

    Man kann sich auch eines Reset Stylesheets bedienen, zum Beispiel von Yahoo -> http://www.cssreset.com/scripts/yahoo-css-reset-yui-3/
    Geändert von explanator (15.12.2013 um 00:12 Uhr)

  3. Folgende User finden die Antwort von explanator gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    14.12.2013
    Beiträge
    2
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zu viel Platz zwischen Menü und Header

    Vielen Dank für die schnelle Hilfe^^
    Es hat soweit geklapt, die Links gucke ich mir dann aber morgen mal noch genauer an.
    Schönen Abend noch.

Ähnliche Themen

  1. Ungwollter Abstand zwischen Container und Header
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.05.2011, 19:22
  2. Lücke zwischen Grafiken im Header
    Von mutthie im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.05.2010, 09:24
  3. div Objekte brauchen extrem viel Platz im FF
    Von cyber.space im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 14.07.2009, 21:24
  4. Bilder nehmen zu viel Platz in Tabelle ein
    Von Arkat im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 07.12.2006, 21:28
  5. Foto-Galerie,kostenlos und viel Platz??!
    Von honey19 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 30.07.2005, 22:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •