Designfrage

  • Hallo,
    ich bin gerade dabei ein Design für mein Projekt yPA zu erstellen. Stellt euch jetzt vor, ich mach folgendes:

    Code
    <div id="header">
    <div id="head">
    ...
    </div>
    <div id="suche">
    ...²
    </div>
    </div>


    Also bei ... kommt die Überschrift rein (<h1>). Und bei ...² kommt ein Eingabefeld und ein Button.
    Wie kann ich es jetzt schaffen, dass div#header keinen weißen Abstand rechts, links und oben hat?
    Es hat folgende Eigenschaft: width: 100%;


    Mit freundlichen Grüßen,
    Philipp Escher

  • Öhm.. margin: 0;?^^ Oder padding: 0;?^^


    Es ist allgemein recht Nützlich, wenn du ein Style-Reset verwendest.
    Da wird so etwas auch zurück gesetzt, da jeder Browser einen anderen Wert dort einsetzt.

    Code
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym,fieldset,img{border:0}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!