CSS: Button-Abstand IE/FireFox unterschiedlich
pfeilchen
- css
Heidiho Leute!
ich plage mich gerade mit einem anzeige-problem rum:
ich habe eine Art Menüleiste, die über php dynamisch generiert wird.
jeder button ist hier ein eigenständiges formularobjekt.
natürlich möchte ich dem browser die anzeige nicht selber überlassen sondern genau definieren, wie er das zu machen hat.
meine css-klassen für das formular und button-objekt schauen so aus:
form
{
border: 0px #851313 solid;
background-color: transparent;
display: inline;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
input.button, input.submit
{
font-family : Arial, Helvetica, sans-serif;
font-size:15px;
font-style:normal;
text-decoration: none;
background-Color: #6D6E72;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 0px;
margin: 0px;
}
das formular an sich erzeuge ich mit folgendem code:
echo "<form method=\"POST\" action=\"".$path."\" name=\"NavButt".substr(printuml($title),0,3)."\">";
echo "<input class=\"submit\" type=\"submit\" value=\"".printuml($title)."\">";
echo "</form>\n";
(und eben mal z.b. 4)
im internet-explorer (V7) wird das menü jetzt so angezeigt wie ich mir das vorstelle: jeder button fein nebeneinander. gut so.
im firefox(V3) habe ich zwischen den buttons immer einen abstand, den ich einfach nicht wegbekomme.
(naja, mit margin:-2px schon, aber dann stehen sie im ie übereinander*g*)
oder grafisch dargestellt:
ie [home][logout]
firefox [home] [logout]
hier im forum habe ich irgendwas mit einem doobled-float.margin bug gefunden.
wenn ich in eine der beiden klassen
float:left;
einfüge hab ich das menü zwar in beiden browsern mit den richtigen anbständen, aber ganz links anstelle von zentriert.
meine fragen:
wäre es klug und möglich, das float-attribut einzusetzen und dafür das ganze menü in nen layer zu stecken, den ich zentriere? oder wär das nur ein workaround und es ginge noch einfacher?
ich würde sehr gerne *verstehen* ob der fehler in dem fall bei mir liegt, und wenn nicht, welcher browser nimmt mich hier auf die schaufel?
danke für eure unterstützung!
lg
pfeilchen
btw:
das mit input class=submit habe ich so gemacht weil ich da vorher andere probleme mit der verwendung beider browser hatte.
man hätte die buttons auch mit input[submit], input[disabled], etc ansprechen können, aber das kann nur firefox, ie wehrt sich dagegen.
falls hier wer ein statement hat ob das unschlau ist oder nicht wär das natürlich vom allerfeinsten. aber so wie's jetzt ist funktionieren die design-sachen schon, hat also nicht unbedingt prioA
das formular an sich erzeuge ich mit folgendem code:
echo "<form method="POST" action="".$path."" name="NavButt".substr(printuml($title),0,3)."">";
echo "<input class="submit" type="submit" value="".printuml($title)."">";
echo "</form>\n";
>
> (und eben mal z.b. 4)
Ich sehe Whitespace zwischen den <form> Elementen.
Soll FF diesen negieren?
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
»» ~~~php
das formular an sich erzeuge ich mit folgendem code:
»» echo "<form method="POST" action="".$path."" name="NavButt".substr(printuml($title),0,3)."">";
»» echo "<input class="submit" type="submit" value="".printuml($title)."">";
»» echo "</form>\n";
> »»
> »» (und eben mal z.b. 4)
>
> Ich sehe Whitespace zwischen den <form> Elementen.
> Soll FF diesen negieren?
>
> mfg Beat
oh. ich bin ein depp.
das ding hatte ich reingegeben damit ich den quelltext besser lesen kann.
wenn ich das entferne funnktionierts, ob das zeug in einer wurscht geschrieben wird oder nicht ist mir dann auch wurscht :)
danke recht viel!
Ich sehe Whitespace zwischen den <form> Elementen.
Soll FF diesen negieren?
das ding hatte ich reingegeben damit ich den quelltext besser lesen kann.
wenn ich das entferne funnktionierts, ob das zeug in einer wurscht geschrieben wird oder nicht ist mir dann auch wurscht :)
Damit haben wir also einen MSIE-Bug entdeckt.
mfg Beat