<il> elemente vertikal in <ul> Box zentriert ausrichten
Hallo Community,
Ich habe eine Liste per css formariert:
HTML:
CSS:
soweit so gut....
Jetzt möchte ich, daß die <li> elemente Vertikal in der Mitte der <ul> "Box" sitzen und nicht an der oberen kante der Box.
Wie kann ich das machen ?
Per margin möchte ich den Abstand zur oberen Kante nicht festlegen, da die höhe der Zeilenumbrüche innerhalb der <li> Tags im IE eine andere ist als im Firefox und die Liste dadurch in einem der beiden Browser nicht mehr zentriert wäre.
Zweite Frage:
Kann man den IE dazu bringen dieselbe höhe wie der Firefox für die Zeilenumbrüche ( <br> Tags) zu benutzen, bzw. kann man die höhe der Zeilenumbrüche beeinflussen ?
//edit: - line-height war die Lösung
Danke, bandsite
Hallo Community,
Ich habe eine Liste per css formariert:
HTML:
Code:
<ul id="header_left">
<li><a href="#">Homepage</a><br />zurück zur startseite </li>
<li><a href="#">Leistungen</a><br />angebote und philosophie </li>
<li><a href="#">Showcase</a><br />referenzen und gallerie </li>
<li><a href="#">Kontakt</a><br />impressum </li>
</ul>
CSS:
Code:
#header_left {
background-color: #333333;
margin: 0px;
padding: 0px;
height: 130px;
width: 200px;
background-image: url(images/blacklines.gif);
border-top-width: 4px;
border-top-style: solid;
border-top-color: #A25A4B;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #A25A4B;
float: left;
}
#header_left li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #D1BFA7;
text-align: right;
list-style-type: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #B77162;
padding-right: 10px;
}
soweit so gut....
Jetzt möchte ich, daß die <li> elemente Vertikal in der Mitte der <ul> "Box" sitzen und nicht an der oberen kante der Box.
Wie kann ich das machen ?
Per margin möchte ich den Abstand zur oberen Kante nicht festlegen, da die höhe der Zeilenumbrüche innerhalb der <li> Tags im IE eine andere ist als im Firefox und die Liste dadurch in einem der beiden Browser nicht mehr zentriert wäre.
Zweite Frage:
Kann man den IE dazu bringen dieselbe höhe wie der Firefox für die Zeilenumbrüche ( <br> Tags) zu benutzen, bzw. kann man die höhe der Zeilenumbrüche beeinflussen ?
//edit: - line-height war die Lösung
Danke, bandsite
Zuletzt bearbeitet: