Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

& CSS: IE (bis inkl. 9): Input-Felder unterschiedlich lang

Diskussion: & CSS: IE (bis inkl. 9): Input-Felder unterschiedlich lang im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hey! Steh mal wieder bei einem Problem an und hoffe ihr könnt mir helfen wie das schon oft der ...

Antwort
Alt 16.05.11, 18:16   #1 (permalink)
 
Registriert seit: 11.07.05
RemoteC Leistung: Facit NTK
RemoteC eine Nachricht über ICQ schicken
Likes: 0
erledigt & CSS: IE (bis inkl. 9): Input-Felder unterschiedlich lang

Anzeige

Hey!

Steh mal wieder bei einem Problem an und hoffe ihr könnt mir helfen wie das schon oft der Fall war:

Warum zeigt mir der IE mehrere input Felder die im HTML-Code eine fixe Länge haben (z.B. size="18") mit unterschiedlicher Länge an? In anderen Browsern sind alle Inputs gleich lange und schön ausgerichtet, nur im IE schaut das scheiße aus.

Ideen? Leider ist die Seite noch nicht deployed, daher nur die Screenshots ...

Oben FF4, unten IE8 (schaut aber in IE6 & IE9 genauso aus) ... border-radius ist ein anderes Kapitel und mir egal, warum sollte ich auf das verzichten nur weil es der IE nicht kann (Stichwort: "graceful degradation")?! Die Website wird ja nicht falsch angezeigt, nur anders (siehe auch: Do websites need to be experienced exactly the same in every browser? ).

Angehängte Grafiken
Dateityp: jpg FF-vs-IE.jpg (39,9 KB, 27x aufgerufen)

Geändert von RemoteC (07.06.11 um 18:42 Uhr) Grund: Browserweiche für IE im CSS und die entsprechenden Felder neu definiert -> gelöst
RemoteC ist offline   Mit Zitat antworten
Alt 16.05.11, 20:58   #2 (permalink)
 
Benutzerbild von ChiefWiggum
 
Registriert seit: 09.10.07
ChiefWiggum Leistung: 8086
ChiefWiggum eine Nachricht über ICQ schicken
Likes: 11
Standard

Hey,

schonmal per CSS versucht die Inputbreite zu definieren?
also ein style="width: 200px;" oder whatever wie lang du die brauchst.
__________________
Be the source always with you.
ChiefWiggum ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 16.05.11, 21:09   #3 (permalink)
 
Benutzerbild von she3p
 
Registriert seit: 07.05.07
she3p Leistung: 8086
Likes: 19
Standard

Spontan fällt mir auch noch padding ein. Bin mir allerdings nicht sicher, ob IE9 tatsächlich schon das boxmodel richtig gemäss Spezifikation umsetzt.
__________________
she3p ist offline   Mit Zitat antworten
Alt 16.05.11, 23:45   #4 (permalink)
 
Benutzerbild von overflow
 
Registriert seit: 17.01.04
overflow Leistung: Z3
overflow eine Nachricht über ICQ schicken overflow eine Nachricht über MSN schicken
Likes: 17
Standard

Sollte nicht mehr der Fall sein wenn du immer ein css reset nutzt.

CSS Tools: Reset CSS
overflow ist offline   Mit Zitat antworten
Alt 17.05.11, 12:49   #5 (permalink)
 
Benutzerbild von Kuttengeier
 
Registriert seit: 21.06.07
Kuttengeier Leistung: Z3
Likes: 3
Standard

Hi,

spontan würde mir noch die Definition des Doctypes einfallen. Ich habe leider schon einige Zeit keine Webseite mehr geschrieben aber früher hat es noch geklappt.

Grüße,
Kuttengeier
__________________
Viele Menschen sind zu gut erzogen um mit vollem Munde zu sprechen.
Doch sie haben keine Bedenken es mit leerem Kopf zu tun.

Orson Welles
Kuttengeier ist offline   Mit Zitat antworten
Alt 17.05.11, 13:41   #6 (permalink)
Themenstarter
 
Registriert seit: 11.07.05
RemoteC Leistung: Facit NTK
RemoteC eine Nachricht über ICQ schicken
Likes: 0
Standard

Zitat:
Zitat von overflow Beitrag anzeigen
Sollte nicht mehr der Fall sein wenn du immer ein css reset nutzt.

CSS Tools: Reset CSS
Reset.css habe ich eines ... das ganze ist ein Joomla Template Framework, die Größe der Input-Boxen habe ich aber nirgendwo angepasst.

Habe jetzt für die Boxen bei denen es mir aufgefallen ist einen CSS Browserhack gemacht, ich glaube aber der IE9 (habe ich auf den PC nicht installiert) zeigt das immer noch falsch an da der \9-Hack angeblich nur in der Beta des IE9 funktioniert hat ... Kennt jemand einen CSS-Hack für IE9?

lg
RemoteC ist offline   Mit Zitat antworten
Alt 17.05.11, 22:11   #7 (permalink)
 
Benutzerbild von overflow
 
Registriert seit: 17.01.04
overflow Leistung: Z3
overflow eine Nachricht über ICQ schicken overflow eine Nachricht über MSN schicken
Likes: 17
Standard

Glaub wenn du die HTML/CSS Source postest können wir dir besser helfen.

Vielleicht hilft es wenn du eine Breite von 100% hinzufügst.

Geändert von overflow (17.05.11 um 22:15 Uhr)
overflow ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » HTML & CSS: IE (bis inkl. 9): Input-Felder unterschiedlich lang
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61