1
Hallo!
Ich hab mir gerade ein Menü aus HTML und CSS gebastelt, jedoch wird es im Firefox und im Internet Explorer unterschiedlich dargestellt.
Ich hab mal zwei Bildchen gemacht:
Im IE
Im FF
Wie man sieht hält der FF den Abstand aus mir unerfindlichen Gründen nicht ein und die Boxen mit den Zahlen und die untere Textbox werden nur so groß dargestell wie eigentl. benötigt, obwohl ich Weitenangaben gemacht habe...
Hier der relevante Teil der HTML Datei:
Und mein CSS-Stylesheet:
Wäre sehr nett wenn man mir hier helfen könnte, dass das Menü im FF so aussieht wie es im IE angezeigt wird.
Kalle
Ich hab mir gerade ein Menü aus HTML und CSS gebastelt, jedoch wird es im Firefox und im Internet Explorer unterschiedlich dargestellt.
Ich hab mal zwei Bildchen gemacht:
Im IE
Im FF
Wie man sieht hält der FF den Abstand aus mir unerfindlichen Gründen nicht ein und die Boxen mit den Zahlen und die untere Textbox werden nur so groß dargestell wie eigentl. benötigt, obwohl ich Weitenangaben gemacht habe...
Hier der relevante Teil der HTML Datei:
<body>
<div class="menu">
<p>Überschrift</p>
<a href="01.html">
<p> 01 </p> Menüpunkt 1</a>
<a href="02.html">
<p> 02 </p> Menüpunkt 2</a>
<a href="03.html">
<p> 03 </p> Menüpunkt 3</a>
<div class="subnote"><p> kurzer einzeiliger Text </p></div>
</div>
</body>Und mein CSS-Stylesheet:
body {
background-color: #E1D8AD;
}
div.menu {
position:absolute; top:20px; right:20px;
width: 375px;
font-size: 16px;
border: 2px solid #763F09;
background: #DAAA67;
}
div.menu p {
margin: 0px;
margin-left: 35%;
border: 2px solid #763F09;
color: #FAEDDC;
text-weight:bold;
font-size: 22px;
background: #763F09;
text-align: center;
}
div.menu a {
display:block;
margin-top:4px;
color: #763F09;
text-decoration:none;
border-bottom: 1px solid #763F09;
}
div.menu a:hover {
background: #763F09;
color: #FAEDDC;
}
div.menu a p {
width:44px;
display: inline;
margin-left: 4px;
color: #763F09;
font-weight:bold;
font-size: 12px;
background:#E1D8AD;
text-align: center;
}
div.subnote p {
width:100%;
display:inline;
margin:4px;
color:#763F09;
font-weight:bold;
font-size: 12px;
background:#E1D8AD;
text-align: center;
}Wäre sehr nett wenn man mir hier helfen könnte, dass das Menü im FF so aussieht wie es im IE angezeigt wird.
Kalle