zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit MacIE / Opera - Schrift viel zu klein, Formulare

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.08.2005, 15:02
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.08.2005, 16:49
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.08.2005, 17:09
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 28.08.2005, 17:17
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Dieter Krautkraemer
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?
Ich habe extra darauf geachtet, dass nichts vererbt wird, daher wird es daran eher nicht liegen.

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
Mit Zitat antworten
  #5 (permalink)  
Alt 28.08.2005, 20:01
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo, Boris!

Ändere doch das hier mal ab:
Code:
font-family:verdana, arial, helvetica, sans-serif;
- und setze Verdana nach hinten.

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."
Mit Zitat antworten
  #6 (permalink)  
Alt 29.08.2005, 01:31
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.03.2005
Beiträge: 286
Chattanooga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Beim Opera 7 und 8 habe ich das Problem, dass ich INPUT-Eingabefelder nicht von der Größe ändern kann
Hallo, Boris,
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
Mit Zitat antworten
  #7 (permalink)  
Alt 29.08.2005, 03:28
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

@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
Mit Zitat antworten
  #8 (permalink)  
Alt 29.08.2005, 09:18
Benutzerbild von griffel
Marginalie
XHTMLforum-Mitglied
 
Registriert seit: 27.08.2003
Beiträge: 141
griffel befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 29.08.2005, 11:40
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 29.08.2005, 12:05
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von griffel
Übrigens verdeckt es im Netscape 6.2 die linke Seite, wenn dort die FavoritenLeiste ausgefahren ist.
Bei welcher Auflösung? Bei 1024x786 kann ich es mir vorstellen, da das Design auf diese volle Breite ausgelegt ist.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
Antwort

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 are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:38 Uhr.