|
||||
Problem mit MacIE / Opera - Schrift viel zu klein, Formulare
Bei einem aktuellen Projekt habe ich einmal das Problem, dass ausschliesslich der MacIE sämtliche Schriftarten viel zu klein darstellt, obwohl ich für body font-size: 100.01% angegeben habe und durchweg mit em arbeite.
Hier ein Screenshot: -zensiert- Beim Opera 7 und 8 habe ich das Problem, dass ich INPUT-Eingabefelder nicht von der Größe ändern kann - egal, ob ich es mit line-height oder height versuche, Opera hält sich immer nur an der Schriftgröße fest (alle anderen Browser machen es über height). Gibt es da eine Lösung? Leider darf ich die Website derzeit nicht online zeigen. Kennt jemand vielleicht diese Probleme generell?
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
||||
Hallo, Boris!
Wie hast Du die Schriften denn angelegt? Wieviel em wo und in welcher Position der Vererbungshierarchie? Und wie sieht Deine CSS für Input aus? Hast Du padding drin?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
||||
Ja, das Problem hatte ich auch mal, ich hab an dann glaube ich am font-size vom Body geschraubt (an den Prozenten), dann ging es... Aber wie genau ich es gemacht habe, kann ich dir leider nicht mehr sagen.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
||||
Zitat:
Die Definitionen, die bei Opera nicht greifen wollen, sind bei #suchbox #portalsuche definiert. Hier aber ein Auszug aus dem CSS: Code:
@charset "UTF-8"; /* ================================================================================ | | [ Photozauber CSS ] | =================== | $ver: 1.0 initial release | $date: 2005/07/20 18:50 | | changelog (++ neu hinzugefügt | ** geändert || -- entfernt): | | ++ Erste Version (2005/07/20) | ================================================================================ | Copyright (c) DevShack - All rights reserved. | http://www.devshack.biz/ - bojic@devshack.biz ================================================================================ */ /* === [ Generelles ] ===================================================================== */ * { border: 0 none transparent; padding: 0; margin: 0; } html, body { background: #000; font-size: 100.01%; font-family:verdana, arial, helvetica, sans-serif; height: 100%; text-align: center; } #barrierebox { display: none; } #wrapper { padding: 10px 0 0 0; margin: 0 auto; width: 1002px; background: #F3FAF5 url(/design/content/back-2spalt.gif) repeat-y; text-align: left; } /* === [ Logo ] =========================================================================== */ #logo h1 { background: url(/design/logo/photozauber-logo.gif) no-repeat; height: 30px; font-size: 8px; } #logo a { display: block; height: 30px; width: 160px; text-decoration: none; } #logo span { display: none; } /* === [ Hauptnavigation ] =================================================================== */ #navigation ul { float: left; /* Wir sparen uns ein clear */ width: 1002px; background-color: #67955A; list-style-type: none; } #navigation ul li { float: left; width: 100px; position: relative; text-align: center; display: inline; /* Fix: Double margin bug des IE */ } #navigation ul li ul { display: none; position: absolute; top: 1em; left: 0; } #navigation ul li > ul /* Für den IE */ { top: auto; left: auto; } #navigation ul li:hover ul, #navigation ul li.over ul { display: block; width: 100px; background-color: #f2faf4; } #navigation ul li ul li { float: none; } #navigation ul li a { display: block; width: 100px; color: #fff; font-size: 0.6em; text-decoration: none; line-height: 16px; } #navigation ul li a:hover { background: #A14D3F; } #navigation ul li ul li a { color: #000; line-height: 20px; } #navigation ul li ul li a:hover { color: #fff; } #navigation ul li#nav-startseite { margin-left: 152px; } #navigation ul li#nav-workshops, #navigation ul li#nav-interaktiv, #navigation ul li#nav-kontakt { background-color: #006D26; } /* Automatische Wahl der Navigation, gesteuert via: body id="..." */ body#bd-startseite #navigation ul li#nav-startseite, body#bd-workshops #navigation ul li#nav-workshops, body#bd-informativ #navigation ul li#nav-informativ, body#bd-interaktiv #navigation ul li#nav-interaktiv, body#bd-forum #navigation ul li#nav-forum, body#bd-kontakt #navigation ul li#nav-kontakt { background: #A14D3F; } /* === [ Header / Boxen ] ===================================================================== */ #header { clear: left; height: 76px; } body#bd-startseite #header { background: url(/design/headerpix/startseite.jpg) no-repeat; } body#bd-workshops #header { background: url(/design/headerpix/workshops.jpg) no-repeat; } body#bd-informativ #header { background: url(/design/headerpix/informativ.jpg) no-repeat; } body#bd-interaktiv #header { background: url(/design/headerpix/interaktiv.jpg) no-repeat; } body#bd-forum #header { background: url(/design/headerpix/forum.jpg) no-repeat; } body#bd-kontakt #header { background: url(/design/headerpix/kontakt.jpg) no-repeat; } #suchbox { float: left; width: 152px; } #suchbox h4 { color: #fff; font-size: 0.6em; font-weight: normal; padding: 13px 0 4px 23px; } #suchbox p { vertical-align: middle; padding-left: 14px; } #suchbox #portalsuche { float: left; width: 101px; height: 13px; /* 15px + 2px border = 17px */ padding: 1px; border: 1px solid #B5BAC2; background-color: #F6F9F9; vertical-align: middle; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.6em; color: #2A5B20; } #suchbox #suchlupe { float: left; width: 23px; height: 17px; vertical-align: middle; } #personalbox { float: right; width: 247px; } #personalbox ul { padding: 12px 0 0 0; list-style-type: none; font-size: 0.6em; color: #2A5B20; } #personalbox ul li { line-height: 18px; padding-left: 20px; background: url(/design/icons/bullet-rot.gif) 10px 8px no-repeat; } #personalbox ul li a { color: #2A5B20; text-decoration: none; } #personalbox ul li a:hover { text-decoration: underline; } /* === [ Trenner ] =========================================================================== */ #trenner { clear: left; height: 27px; background: #F3FAF5 url(/design/trenner/trenner.gif) no-repeat; } #trenner ul { margin: 2px 0 0 10px; float: left; width: 100%; list-style-type: none; } * html #trenner ul /* Der IE braucht wieder eine Extrawurst */ { width: auto; } #trenner ul li { padding-right: 5px; float: left; width: auto; color: #fff; font-size: 0.6em; } #trenner ul li a { color: #fff; text-decoration: none; } #trenner ul li a:hover { color: #d4e1b3; } /* === [ Hauptinhaltsbereich ] =============================================================== */ #seitenleiste { float: left; width: 250px; } #seitenleiste h2 { font-size: 0.9em; color: #A14D3F; padding: 25px 0 0 30px; } #maincontent { float: right; width: 752px; } /* === [ Footer ] =========================================================================== */ #footer { clear: both; padding-left: 30px; height: 23px; background: #F3FAF5 url(/design/footer/footer.gif) no-repeat; } #footer p { font-size: 0.6em; line-height: 23px; } #footer a { color: #69A472; text-decoration: none; } #footer a:hover { color: #F3FAF5; }
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Hallo, Boris!
Ändere doch das hier mal ab: Code:
font-family:verdana, arial, helvetica, sans-serif; Diese Schrift wird nach meinen Erfahrungen auf verschiedenen Systemen unterschiedlich groß dargestellt. Du solltest alles erst mal mit "arial" testen.
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Zitat:
unter Opera 8.01, 8.02 und 8.10 [alle WinXP Sp2] kann ich Dein Problem nicht reproduzieren. Die Höhenanpassung funktioniert sowohl per height, als auch über den Schriftgrad. Ohne weiteren Code ist es schwierig zu sagen, wo der Fehler steckt, aber das weißt Du ja selbst. Gruß Chattanooga |
|
||||
@Dieter:
Ich kann Verdana nicht nach hinten setzen, die Schrift ist Kundenwunsch und Vorgabe. @Chattanooga: Nun, im Opera 7 gehts leider nicht (Opera 8 anscheinend schon, habs grad nochmal getestet).
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Der Opi(8.0) möchte min-height, aber das mag der FF nicht.
Kennst du diesen Link dazu? Übrigens verdeckt es im Netscape 6.2 die linke Seite, wenn dort die FavoritenLeiste ausgefahren ist.
__________________
"Der Computer arbeitet deshalb so schnell, weil er nicht denkt." Gabriel Laub, 24.10.1928 - 03.02.1998, polnisch-deutscher Schriftsteller |
|
||||
Hallo, Boris!
Du solltest Verdana ja auch nur mal zum Testen nach hinten setzen, um auszuschliessen, dass es allein daran liegt! Wenn der Fehler mit Arial nicht auftaucht, kennst Du zumindest die Fehlerquelle!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
||||
Zitat:
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schrift in Android-Browser extrem klein | deelite | CSS | 4 | 04.11.2012 17:02 |
Formulare in Opera 5 und 6 unschön | mori | CSS | 5 | 11.05.2005 11:43 |
Problem mit a:hover in Opera | mec | CSS | 2 | 27.09.2004 14:20 |
Border/Box Problem zwischen Mozilla und Opera | cro4ky | CSS | 3 | 12.03.2004 10:21 |
problem mit css interpretation von IE - Opera - Mozilla | captain | CSS | 2 | 03.03.2004 14:15 |