<br> höhe im IE anders als im Firefox

Status
Nicht offen für weitere Antworten.

bandsite

Mitglied
<il> elemente vertikal in <ul> Box zentriert ausrichten

Hallo Community,

Ich habe eine Liste per css formariert:

HTML:
Code:
<ul id="header_left">
<li><a href="#">Homepage</a><br />zur&uuml;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:
Status
Nicht offen für weitere Antworten.
Zurück