✔ input in opera und safari

[Webgau]

Guten morgen liebe Gemeinde,

ich überarbeite gerade das design meiner Feuerwehr und leider bekomme ich immer wieder probleme mit dem input feldern im Opera und safari in sachen darstellung...

Am besten ist mal selber schauen: Template

Der text im inputfeld wir nicht richtig dargestellt, der ff und der ie machens ohne probleme.

Hier mal der CSS Code dazu:

#search
{
	width: 150px;
	float: left;
	padding: 0;
	margin: 2px;
}

#search input
{
	background: url(../images/search.png) no-repeat;
	width: 150px;
	height: 20px;
	border: 0 none;
	padding: 3px;
	margin: 0;
	font-size: 80%;
	color: #666666;
}

Vielen Dank für die Hilfe.

Grüße Mirko

 

[Warper]

1. Bei mir wirds im Safari richtig angezeigt (Safari 4, Mac), siehe Screen. Lediglich wenn ich die Box aktiviere, zeigt er mir einen größeren Rahmen als du eigentlich willst.

2. Deine Hintergrundgrafik ist 20px hoch, dein Input Feld ist aber 26px hoch. 20px Höhe plus 2x Padding 3px. Deshalb ist der Rahmen beim Safari größer (wenn es gehighlightet wird), das selbe für die Breite.

Grüße,
Steffen