nicht angemeldet
Verschiebungen von Buttons bei IE7 vs. Firefox
Gunnar BittersmannHallo,
habe da ein Problem:
In CSS definierie ich 2 Klassen
.hdubutton { font-family: Verdana, Arial, sans-serif; font-size:12px font-weight:bold;background-color:#f0f0C0;
border:4px outset #bebebe !important; color:grey; height:25px; padding:0px;margin:0px; text-decoration:none;width:auto;}
und
.hdufrmbutton {font-family: Verdana, Arial, sans-serif; font-size:12px;font-weight:bold; background-color:#f0f0C0;
border:4px outset #bebebe; color:grey; height:25px;padding:0; margin:0;text-decoration:none;width:auto;}
hdubutton soll für normale links gelten, gerufen mit
<a class="hdubutton" ...>Abbrechen</a>
hdufrmbutton für <input class="hdufrmbutton" type="submit" value="Sichern"..>
Egal, ob ich nun die beiden zusammen in eine Tabellenzeile stelle, oder
mit <div>...</div> ein einen Bereich, bei beiden Browsern ist der
<input.. -Button immer größer als der <a..-Button. Beim IE6, IE7 wird
der <a-Button auch noch tiefer gestellt und kleiner als der <input.. !
Durch position:relativ... bekomme ich zwar hin, dass beide Buttons auf
dem gleichen oberen "TOP" liegen, der IE schneidet mir aber den unteren
Rand ab.
Hat irgendjemand eine Idee? Muss ich die top's und heights via
javascript anpassen?
Gruß
BKLUE
-
@@bklue:
hdubutton soll für normale links gelten, gerufen mit
<a class="hdubutton" ...>Abbrechen</a>Warum ist "Abbrechen" kein Button?
hdufrmbutton für <input class="hdufrmbutton" type="submit" value="Sichern"..>
Links und Buttons gleich aussehen zu lassen, wird browserübergreifend kaum gelingen.
Und ist auch kaum im Sinne des Nutzers: Links führen zu anderen Seiten, Buttons lösen Aktionen aus. Warum dem Nutzer diese visuelle Unterscheidungsmäglichkeit wegnehmen?
Live long and prosper,
Gunnar--
Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.-
Hallo Gunnar,
ich hatte die Wahl, alle Buttons aufzuzeichnen, und als .gif darzustellen,
oder eine weniger aufwendige Wahl zu treffen.
Tust Du bei einem Formular den Abbrechen-Button als <input oder als Link
darstellen?Mir geht es um die unterschiedliche Positionierung von <input-Button und
Button in den beiden Browsern. Die Frage ist, wie bekomme ich für
beide CCS - Boxen den gleichen oberen Anfang hin, so wie die gleiche
Größe.Ich muß es wohl über javascript mit Browserabfrage machen, oder?
CCS sei mit Dir
Gruß Bernd@@bklue:
hdubutton soll für normale links gelten, gerufen mit
<a class="hdubutton" ...>Abbrechen</a>Warum ist "Abbrechen" kein Button?
hdufrmbutton für <input class="hdufrmbutton" type="submit" value="Sichern"..>
Links und Buttons gleich aussehen zu lassen, wird browserübergreifend kaum gelingen.
Und ist auch kaum im Sinne des Nutzers: Links führen zu anderen Seiten, Buttons lösen Aktionen aus. Warum dem Nutzer diese visuelle Unterscheidungsmäglichkeit wegnehmen?
Live long and prosper,
Gunnar
-