[Erledigt] Eingabefeld width:100% IE Problem

slsb02 · 01.11.2011, 08:26

Hallo liebes Forum,

ich habe folgendes Problem. Ich habe ein Formular welches bei den Eingabefeldern ein Breite von 250px hat und ein grüner Rahmen drumherum.

Code:

<div class="der Rahmen">inputField_ohne Rahmen_aber 100% breit</div>

Jetzt setze ich das Inputfeld innerhalb des Rahmens auf width:100% und schon fehlt rechts der Rahmen. Aber nur im IE alle anderen Browser, machen das, was man erwarten würde (100% = innerhalb des Rahmens).

Ich habe es auch schon versucht, dem input-Feld eine feste Breite zu geben, bekommen dann aber Probleme, mit anderen Browsern, wenn z.B. ein Dropdown hinzukommt. Denn scheinbar wird der Rahmen einmal innen und einmal außen gesetzt.

Hier mal ein Bild, ich hoffe, ihr habt eine Idee, was ich machen kann.

Vielen Dank!

slsb02 · 01.11.2011, 08:47

Problem gelöst... verwende:

margin: 0px;
padding: 0px;

dann klappt das...

tr0y · 01.11.2011, 10:21

*hinweis*
width ist relativ zum umliegenden Objekt, allerdings ist auch "padding" des umliegenden Objekts und "margin" des Objekts dessen weite bestimmt wird zu beachten, auch border ( Umrandung ) der Blockelemente müssen miteinkalkuliert werden. Umschiffen kannst du das ganze mit "display:block". Block-Elemente mit dieser Eigenschaft, expandieren automatisch auf die maximal-breite des Platzes des umliegenden Elements definiert durch Umrandung und Padding des Eltern-Objekts sowie Margin des "ge-blockt-en" objekts. Die einzige Ausnahme birgt hier ( mag ich mich zu erinnern - ungetestet ) ein gefloatetes Objekt und Objekte dessen Breite andere DOM-Hirarchien verfolgen ( Input-length bei <Input /> feldern ).
*/hinweis*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit Mehrsprachigkeit	Sniper_Kotaro	PHP Tipps 2009	2	16.12.2009 11:47
Problem beim Download Management	mistermint	PHP Tipps 2009	8	24.10.2009 11:34
Umlaut Problem	nokieone	PHP Tipps 2009	7	16.10.2009 19:30
Eingabefeld deaktivieren	theSonGoku	PHP Tipps 2009	11	02.10.2009 16:34
Problem mit Basedir in PhP	cmuch05	Datenbanken	9	08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal	soulan	PHP Tipps 2008	13	28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34

01.11.2011, 08:26
slsb02 Neuer Benutzer Registriert seit: 17.05.2011 Beiträge: 6 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Eingabefeld width:100% IE Problem Hallo liebes Forum, ich habe folgendes Problem. Ich habe ein Formular welches bei den Eingabefeldern ein Breite von 250px hat und ein grüner Rahmen drumherum. Code: <div class="der Rahmen">inputField_ohne Rahmen_aber 100% breit</div> Jetzt setze ich das Inputfeld innerhalb des Rahmens auf width:100% und schon fehlt rechts der Rahmen. Aber nur im IE alle anderen Browser, machen das, was man erwarten würde (100% = innerhalb des Rahmens). Ich habe es auch schon versucht, dem input-Feld eine feste Breite zu geben, bekommen dann aber Probleme, mit anderen Browsern, wenn z.B. ein Dropdown hinzukommt. Denn scheinbar wird der Rahmen einmal innen und einmal außen gesetzt. Hier mal ein Bild, ich hoffe, ihr habt eine Idee, was ich machen kann. Vielen Dank! Miniaturansicht angehängter Grafiken


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.11.2011, 08:47
slsb02 Neuer Benutzer Registriert seit: 17.05.2011 Beiträge: 6 PHP-Kenntnisse: Fortgeschritten	Problem gelöst... verwende: margin: 0px; padding: 0px; dann klappt das...

01.11.2011, 10:21
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	hinweis width ist relativ zum umliegenden Objekt, allerdings ist auch "padding" des umliegenden Objekts und "margin" des Objekts dessen weite bestimmt wird zu beachten, auch border ( Umrandung ) der Blockelemente müssen miteinkalkuliert werden. Umschiffen kannst du das ganze mit "display:block". Block-Elemente mit dieser Eigenschaft, expandieren automatisch auf die maximal-breite des Platzes des umliegenden Elements definiert durch Umrandung und Padding des Eltern-Objekts sowie Margin des "ge-blockt-en" objekts. Die einzige Ausnahme birgt hier ( mag ich mich zu erinnern - ungetestet ) ein gefloatetes Objekt und Objekte dessen Breite andere DOM-Hirarchien verfolgen ( Input-length bei <Input /> feldern ). /hinweis __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.