Autor |
Nachricht |
Waschbequen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 03.06.2005 13:37
Titel [CSS] Button verrutsch im Firefox, CSS-Künstler gesucht |
|
|
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenannt</title>
<style>
.input_text
{
width: 110px;
height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
border: 1px solid white;
margin-top: 2px;
}
.submit_button
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: white;
text-align: center;
height: 17px;
width: 30px;
background-color: #8CB932;
border: 1px solid white;
}
</style>
</head>
<body>
<div style="background-color: gray; width: 400px;height:100px;text-align:center">
<input name="page_quicksearch:Query" type="text" id="page_quicksearch_Query" class="input_text" /><input type="submit" name="page_quicksearch:btnSubmit" value="OK" id="page_quicksearch_btnSubmit" class="submit_button" />
</div>
</body>
</html> |
Im IE passt die Darstellung. Aber im Firefox verspringt der Button 1 Pixel nach oben. Wenn ich das korrigiere gehts im Fox, aber nicht mehr im IE.
Wer mir das hinbiegt kriegt nen Bienchen
Oder muss ich für diesen Witz ne Weiche bauen?
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Fr 03.06.2005 13:46
Titel
|
|
|
Code: | .submit_button
{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom:2px;
font-size: 9px;
font-weight: bold;
color: white;
text-align: center;
height: 17px;
width: 30px;
background-color: #8CB932;
border: 1px solid white;
} |
Tut bei mir.
|
|
|
|
|
Anzeige
|
|
|
shakadi
Griller Killer
Dabei seit: 21.12.2003
Ort: SHA
Alter: 43
Geschlecht:
|
Verfasst Fr 03.06.2005 14:00
Titel
|
|
|
Hmm, wenn ichs so veränder passt es bei mir
Code: |
.submit_button
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: white;
text-align: center;
width: 30px;
background-color: #8CB932;
border: 1px solid white;
line-height: 17px;
}
</style>
<!--[if lte IE 6]><style>
.submit_button {
line-height: 13px !important;
}</style>
<![endif]-->
|
Zuletzt bearbeitet von shakadi am Fr 03.06.2005 14:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
Waschbequen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 03.06.2005 14:05
Titel
|
|
|
Merci, hast mich auf den richtigen Trichter gebracht.
|
|
|
|
|
|
|
|
Ähnliche Themen |
button verrutscht im firefox
Firefox, Javascript: Fullscreen funktioniert nur per Button?
Firefox Adblock umgehen (Adblock button)
Flash Button mit Animation wenn Cursor den Button Verlässt?
[html/css] Submit-Button ohne Button
Firefox Flash Plugin ver 9 gesucht
|
|