CSS Menü

von **vollpfeiler** » 13.04.2010, 19:17

Hallo Allerseits,

habe mal eine Fragen bezüglich einem Menü.
Im Internet Explorer wird es so dargestellt wie ich es will, allerdings im Firefox(wie immer) wird es anders dargestellt. Und zwar nimmt er nicht bei der width:100% Angabe die beiden Ränder der Box als Grenze...glaube ich!?

Jemand ne Ahnung wieso Firefox das Menü aus der Box lutscht?
MfG

Muss jetzt leider den Code hier reinschreiben, anhängen geht leider nicht!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

<html>
<head>
<style type="text/css">

#menu2
{
background-color:#222222;
position:absolute;
height: 183px;
width: 135px;
margin-left:0px;
margin-top:0px;
border: 0px red solid;
text-align:center;
z-index:99;
}

#navi {
margin: 0;
padding: 0px;
width:100%;
}

#navi ul, #navi li{
list-style-type: none;
padding-top: 3px;
font-weight: bold;
font-family:Arial; color:ffffff; font-size:12px;
text-align:center;
}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;
}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #114585;
border-left: 5px solid #0f3c75;
border-right: 5px solid #0f3c75;
}

#navi #akt {
color: #FFFFFF;
background-color: #114585;
border-left: 5px solid #0f3c75;
border-right: 5px solid #0f3c75;
}

#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #222222;
border-left: 5px solid #0f3c75;
border-right: 5px solid #0f3c75;
font-family:Arial; color:ffffff; font-size:12px;
}

</style>
</head>

<body>

<div id="menu2">

<ul id="navi">
<li>
<a href="kontakt.html" id="akt">KONTAKT</a>
</li>
<li>
<a href="formular.html">FORMULAR</a>
</li>
<li>
<a href="anfahrt.hrml">ANFAHRT</a>
</li>
</ul>
</div>
</body>
</html>

von **sejuma** » 14.04.2010, 06:08

Nimm diesen Doctype und der IE stellt es auch "richtig" dar, wenngleich es für dich "falsch" aussieht :roll:

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Damit es dann in beiden Browsern deinen optischen Wunschvorstellungen entspricht, verwende hier diese Angaben:

Code: Alles auswählen: #navi li a { text-decoration: none; display: block; padding: 5px 0; }

Begründung/Erläuterung siehe http://www.ohne-css.gehts-gar.net/0006.php

von **vollpfeiler** » 14.04.2010, 14:04

Vielen Dank!

Funktioniert alles jetzt.
Das es am Doctype liegen könnte hätt ich jetzt generell erst mal nicht gedacht.

Danke nochmal.

MfG

CSS Menü

CSS Menü

Re: CSS Menü

Re: CSS Menü

Ähnliche Beiträge zu "CSS Menü"

Wer ist online?