<ul> verschiebt <Div>

**DerMitDerFrage** · 01-03-2015, 08:20

Guten Abend,

als Neuling in Sachen HTML und CSS verzweifle ich gerade daran ein <ul>-Element in ein <Div>-Element zu bekommen ohne diesen zu verschieben.

Zu erst den Code:

HTML:

Code:

 <body>
        <div class="rahmen">Links</div>
        
        <div id="main">
            
            <div id="menue">
                
            </div>
            
        </div>
        
        <div class="rahmen">Rechts</div>
  

    </body>

CSS:

Code:

.rahmen {
    width:10%;
    height: 100%;
    float: left;
}

#main{
    width: 80%;
    height: 100%;
    float: left;
    background-color: green;
}


#menue{
    background-color: yellow;
    height: 15%;
    
}

So befindet sich das <Div>-Element "menue" oben nahtlos zum Rand. Wenn ich jedoch ein <ul>-Element in das <Div>-Element "menue" einfüge verschiebt sich dieses <Div>-Element nach unten und hat nun einen geschätzen Abstand von 80px zum oberen Rand.

Würde mich um einen Lösungsansatz freuen. Danke im voraus.

- - - Aktualisiert - - -

Hat sich erledigt. Vor lauter Bäumen den margin übersehen.

Da der Wald so dicht ist, finde ich leider die Einstellung nicht den Beitrag als gelöst zu markieren. Kann wer helfen?