Beiträge von nixundnomalnix

nixundnomalnix

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.

nixundnomalnix

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

<!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>

Alles anzeigen

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;
}

Alles anzeigen

Danke schonmal für alle Antworten!
Frohe Weihnachten und viele Grüße,
Marc

Beiträge von nixundnomalnix

zu viel Platz zwischen Menü und Header

zu viel Platz zwischen Menü und Header