mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 07.10.2008 19:05 Benutzername: Passwort: Auto-Login

Thema: [CSS] Button verrutsch im Firefox, CSS-Künstler gesucht vom 03.06.2005

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Button verrutsch im Firefox, CSS-Künstler gesucht
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

Antworten mit Zitat Zum Seitenanfang

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 * Applaus, Applaus *

Oder muss ich für diesen Witz ne Weiche bauen? Menno!
 
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 26
Geschlecht: Männlich
Verfasst Fr 03.06.2005 13:46
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
shakadi
Moderator

Dabei seit: 21.12.2003
Ort: SHA
Alter: 28
Geschlecht: Männlich
Verfasst Fr 03.06.2005 14:00
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden E-Mail senden
Waschbequen
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 03.06.2005 14:05
Titel

Antworten mit Zitat Zum Seitenanfang

Merci, hast mich auf den richtigen Trichter gebracht.
 
 
Ähnliche Themen [html/css] Submit-Button ohne Button
[CSS] MouseOver Button Problem
CSS, input file-button gestalten
[CSS] Hintergrundfarbe per Button ändern wie auf...
[css] das lästige problem mit dem ie submit button
[CSS] Button einstellungen (hervorhebung entfernen)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.