mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 02.12.2016 20:51 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 12: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: 34
Geschlecht: Männlich
Verfasst Fr 03.06.2005 12: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
Anzeige
Anzeige
shakadi
Griller Killer

Dabei seit: 21.12.2003
Ort: SHA
Alter: 36
Geschlecht: Männlich
Verfasst Fr 03.06.2005 13: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 13:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Waschbequen
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 03.06.2005 13: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 oder nicht? --> menü-Button betonen
Bei IE ist css ok aber bei Firefox nicht
CSS+Firefox
CSS, input file-button gestalten
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 an Umfragen in diesem Forum nicht mitmachen.