Hallo Community,
Ich habe das Problem, daß eine mit css formatierte Liste in einem DIV im Firefox einen abstand zur Oberkante des DIV´s bekommt. Im IE fängt die Liste dagegen gleich an der Oberkante des Div´s an.
Die Formatierung der Liste
Der DIV in dem sich die Liste befindet:
Das HTML dazu:
Wie kann ich die Darstellung der Liste in dem DIV in beiden Browsern identisch bekommen ?
Danke, Gruß, bandsite
Ich habe das Problem, daß eine mit css formatierte Liste in einem DIV im Firefox einen abstand zur Oberkante des DIV´s bekommt. Im IE fängt die Liste dagegen gleich an der Oberkante des Div´s an.
Die Formatierung der Liste
Code:
ul {
list-style-type: none;
text-align: right;
}
li {
list-style-type: none;
text-align: right;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #CC9900;
}
Der DIV in dem sich die Liste befindet:
Code:
#header_1 {
background-color: #333333;
background-image: url(images/blacklines.gif);
width: 199px;
float: left;
border-top-width: 4px;
border-bottom-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #a25a4b;
border-right-color: #a25a4b;
border-bottom-color: #a25a4b;
border-left-color: #a25a4b;
border-right-width: 1px;
border-left-width: 0px;
height: 110px;
margin: 0px;
padding: 0px;
}
Das HTML dazu:
Code:
<div id="header_1">
<ul>
<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 / email</li>
</ul>
</div>
Wie kann ich die Darstellung der Liste in dem DIV in beiden Browsern identisch bekommen ?
Danke, Gruß, bandsite