✔ Ausrichtung von Liste im DIV

[Chaosengel_Gabriel]

Mahlzeit...
Ich hab auf meiner Site nen DIV, in dem ich das Login arbeiten lasse. Wenn der User dann eingeloggt ist erscheint dort oben die Begrüßung mit dem Nickname des Users und darunter ne Liste mit den wichtigsten Links...
Mein Problem ist jetzt, dass ich die Liste mit den Links am unteren Rand des DIV "andocken" will, weil sonst da nen fieser leerraum entsteht...

Weiß zufällig grad jemand wie ich das hinbekomme?

 

[Maik]

Hi,

ohne jetzt den Quellcode gesehen zu haben, würde ich es zunächst mit dem Zurücksetzen der Polsterungeigenschaften des Listenelements versuchen.

 

[Chaosengel_Gabriel]

margin und padding setz ich bei jedem Element standart mässig auf 0...

Der Code:
HTML

<div class="login">Herzlich Willkommen<br>
<a href="#">Gabriel</a>
<ul><li><a href="#">Einstellungen</a></li>
<li><a href="#">Teamprofil bearbeiten</a></li>
<li><a href="#">ausloggen</a></li></ul>
</div>

Alles zentriert...

 

[Maik]

Und wie lautet das dazugehörige Stylesheet zum gezeigten Code-Schnipsel?

Denn mit

* {
margin:0;
padding:0;
}

entsteht bei mir keine Lücke zum unteren Rand des umschliessenden DIVs.

 

[Chaosengel_Gabriel]

Ach ja^^ Hatte ich vergessen...
Das div hat ne feste Höhe von 140px oder so und ist somit größer als der Inhalt...

 

[Maik]

Ach ja^^ Hatte ich vergessen...
Das div hat ne feste Höhe von 140px oder so und ist somit größer als der Inhalt...

Wie man Fragen richtig stellt

 

[Chaosengel_Gabriel]

Is ja schon gut ^^
Hier der ganze CSS-Code:

div.login
{
margin: 0px;
padding: 0px;
height: 170px;
width: 280px;
text-align: center;
}

div.login ul
{
margin: 0px;
padding: 0px;
}

div.login ul li
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

div.login ul li a
{
letter-spacing: 2px;
margin: 0px;
padding: 0px;
width: 260px;
height: 20px;
display: block;
}

div.login ul li a
{
border: 5px double #a00;
border-left: 10px double #000;
border-right: 10px double #000;
}

div.login ul li a:hover
{
border: 5px double #000;
border-left: 10px double #a00;
border-right: 10px double #a00;
}

Das dürfte die gesamte CSS für die Elemente sein...

 

[Maik]

Einzige Möglichkeit wäre, das Listenelement am unteren Elementrand zu positionieren:

div.login
{
margin: 0px;
padding: 0px;
height: 170px;
width: 280px;
text-align: center;
position:relative;
}

div.login ul
{
margin: 0px;
padding: 0px;
position:absolute;
bottom:0;
left:0;
}

 

[Chaosengel_Gabriel]

Genau DAS wollte ich bezwecken...
Ich danke dir!