mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 21:36 Benutzername: Passwort: Auto-Login

Thema: IE stellt submit button falsch dar :( vom 27.04.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> IE stellt submit button falsch dar :(
Autor Nachricht
ginobranco
Threadersteller

Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht: Männlich
Verfasst Fr 27.04.2012 06:26
Titel

IE stellt submit button falsch dar :(

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,
vielen Dank fürs reinschauen! Lächel
Ich habe für meine Seite selber einen Submit Button gestaltet.
Im Firefox wird er auch angezeigt bzw. auf dem Button steht auch "anmelden"
Aber im IE zeigt es nur den Button an aber steht nicht "anmelden" drin sondern ein Strich -----
Woran kann das liegen?
Hier wäre mal meine CSS.. ich finde den Fehler einfach nicht *Schnief*
Wäre über jede Hilfe dankbar!
Ps. in den ausfüllfeldern ist alles total klein schriftgröße 2px :S
Im Firefox schauts normal aus ohje *Schnief*

Button:

Code:
#loginForm #login {
    width:75px;
    float:left;
    background:#ccc url(img/loginbuttonbg.png) repeat-x;
    color:#000;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #fff;
    border:1px solid #ccc;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:10px 12px 0 55px;
    cursor:pointer;
   height:28px;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}


Textfeld:

Code:
#loginForm input {
    width:120px;
   height: 15px;
    border:1px solid #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    padding:2px 2px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:2px;
   margin:0px 0px 0px 3px;
}


Danke


Zuletzt bearbeitet von ginobranco am Fr 27.04.2012 06:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 27.04.2012 08:37
Titel

Antworten mit Zitat Zum Seitenanfang

HTML Code oder noch besser Link zum Problem bitte ...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Fr 27.04.2012 08:38
Titel

Antworten mit Zitat Zum Seitenanfang

Meine erste Frage:
Hast du etwas anderes erwartet? *ha ha*

Meine zweite Frage:
Hast du noch das HTML für uns?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dcn

Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Fr 27.04.2012 09:08
Titel

Antworten mit Zitat Zum Seitenanfang

Ist es nicht besser das Textfeld direkt mit #loginForm input[type="text"] anzusprechen weil es sein kann das du Eigenschaften somit auch an input[type="submit"] übergibst?
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Fr 27.04.2012 09:14
Titel

Antworten mit Zitat Zum Seitenanfang

Es gibt viele Tools, die dir bei solchen Problemen schnell helfen.
im FF machst zB nen Rechtsklick -> Element untersuchen auf eine Stelle deiner Seite, dann siehst eine 3D-Ansicht der Seite und das HTML und CSS dazu und kannst leicht rauslesen, warum welches Element was macht (aufgrund von Vererbungen etc).
Im IE drückst dafür einfach F12.
  View user's profile Private Nachricht senden
greenhorn1

Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 27.04.2012 09:51
Titel

Antworten mit Zitat Zum Seitenanfang

Einfach mal beim auf W3C-Konformität testen. CSS und HTML, dann weißt du es ganz genau.

@ fyll - Danke, das mit Firefox wusste ich noch garnicht.


Zuletzt bearbeitet von greenhorn1 am Fr 27.04.2012 09:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ginobranco
Threadersteller

Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht: Männlich
Verfasst Mo 30.04.2012 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

fyll hat geschrieben:
Es gibt viele Tools, die dir bei solchen Problemen schnell helfen.
im FF machst zB nen Rechtsklick -> Element untersuchen auf eine Stelle deiner Seite, dann siehst eine 3D-Ansicht der Seite und das HTML und CSS dazu und kannst leicht rauslesen, warum welches Element was macht (aufgrund von Vererbungen etc).
Im IE drückst dafür einfach F12.


nicht schlecht! ich kannte bisher nur den firebug Grins klasse danke!
  View user's profile Private Nachricht senden
 
Ähnliche Themen [html/css] Submit-Button ohne Button
Submit Button to Textlink
Submit Button im Formular beschriften
[css] das lästige problem mit dem ie submit button
submit-button als bild mit rollover
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.