Anzeige unter Mozilla Firefox
nubs
- css
Hallo,
ich hab mir eine Website erstellt und die CSS Formate in einer speraten CSS Datei abgelegt.
Schaut man sich die Seite mit dem IE an gibt es keine Probleme doch wenn ich mozilla nutze (den ich eigentlich verwende) sind die Buttons total verhunzt.
Kann mir evtl jemand sagen was ich ändern muss, damit es auch unter Mozilla annehmbar auscchaut?
Ich bedanke mich schonmal für die Hilfe und setze anbei mal den Quelltext.
a.menu { text-align:center; width:150px; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-weight:bold; padding: 5px, 10px; }
a.menu:link { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu:visited { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu:hover { color:#FFEC01; background-color:#0050A0; border-color:#FFEC01; }
a.menu:active { color:#FFEC01; background-color:#0D4A8D; border-color:#FFEC01; }
a.menu2 { text-align:center; width:5%; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-size:x-small; font-weight:bold; padding: 3px,10px; }
a.menu2:link { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu2:visited { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu2:hover { color:#FFEC01; background-color:#0050A0; border-color:#FFEC01; }
a.menu2:active { color:#FFEC01; background-color:#0D4A8D; border-color:#FFEC01; }
body { margin:0 0 0 0; color:#0D4A8D; }
select { background-color:#FFEC01; color:#0D4A8D; font-family:arial; font-weight:bold; }
a { font-size:small; color:#003080; background:transparent; text-decoration:underline; }
a:visited { color:#000000; background:transparent; }
a:hover, a:active, a:focus { color:#FFFFFF; background:transparent; }
#rand { border-width:1px; border-style:solid; border-color:#0D4A8D; }
#rand1 { border-width:1px; border-style:solid; border-color:#0D4A8D; border-right-style:none; }
#rand2 { border-width:1px; border-style:solid; border-color:#0D4A8D; border-left-style:none; }
Hallo,
Schaut man sich die Seite mit dem IE an gibt es keine Probleme doch wenn ich mozilla nutze (den ich eigentlich verwende) sind die Buttons total verhunzt.
welche Seite???
gruss
Hi,
Schaut man sich die Seite mit dem IE an gibt es keine Probleme doch wenn ich mozilla nutze (den ich eigentlich verwende) sind die Buttons total verhunzt.
Total verhunzt = die Breite stimmt nicht?
a.menu { text-align:center; width:150px; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-weight:bold; padding: 5px, 10px; }
width gilt nicht für non-replaced inline Elemente.
a-Elemente sind per Default non-replaced inline Elemente.
Ändere die display-Eigenschaft.
cu,
Andreas
Hi,
a.menu { text-align:center; width:150px; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-weight:bold; padding: 5px, 10px; }
width gilt nicht für non-replaced inline Elemente.
a-Elemente sind per Default non-replaced inline Elemente.
Ändere die display-Eigenschaft.
(ergänzend:) ... und gebe die Werte für padding korrekt an.
Mehr kann man ohne das dazugehörige HTML nicht sagen.
freundliche Grüße
Ingo