CSS - Nervige Interpretation von Padding in IE und FF

center · 14.04.2005, 13:35

Also ich habe folgendes in meiner CSS:

Code:

div.frame
{
	border: 1px solid Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	width: 264px;
	text-align: inherit;
	float: left;
	vertical-align: top;
	padding-top: 5px;
	border-top: White;
	margin-top: 0px;
	padding-left: 4px;
	padding: 3px;
	}

Es entsteht folgende Problematik:
unter IE wird das <div> 264px breit und das padding ist inside.
unter FF wird das <div> allerdings 272px breit, d.h. das padding wird der vorgeschriebenen breite hinzuaddiert.

Hat jemand ne idee, wie sich das Problem lösen läßt?

Danke

axo · 14.04.2005, 14:01

google nach "ie box model hack" fragen. macht keinen sinn, das was dort steht, hier zu wiederholen.

center · 14.04.2005, 15:35

spitzenmäßiger tip, danke dir!

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
wamp server nd interpretation der php dateien	nieselfriem	Server, Hosting und Workstations	4	04.02.2008 19:09
Padding Problem IE -> FF	PsychoEagle	HTML, Usability und Barrierefreiheit	3	23.07.2007 16:38
h3 und padding	pcschröda	HTML, Usability und Barrierefreiheit	16	27.04.2007 19:42
Horizontale 100% Div-Box mit padding rechts bzw links	PsychoEagle	HTML, Usability und Barrierefreiheit	8	17.04.2007 12:51
grafik-border interpretation von ie	ApfeL	HTML, Usability und Barrierefreiheit	4	12.08.2006 20:12
[CSS] Body Margin / Div Padding	I-Spy	HTML, Usability und Barrierefreiheit	4	10.05.2006 15:03
padding mit Mozilla	pcschröda	HTML, Usability und Barrierefreiheit	3	28.12.2005 16:02
padding -.-****	notyyy	HTML, Usability und Barrierefreiheit	6	29.11.2005 18:09
[Erledigt] Nervige Striche beim IE (DIV mit runden Ecken)		HTML, Usability und Barrierefreiheit	9	03.10.2005 17:31
padding streckt eltern element?!	AliceD	HTML, Usability und Barrierefreiheit	7	05.09.2005 14:03
Wordpress Template		HTML, Usability und Barrierefreiheit	8	22.08.2005 11:21
zelle wird bei größerem padding breiter		HTML, Usability und Barrierefreiheit	9	22.02.2005 18:48
IE: Breite = width + 0; FF: Breite = width + padding -- Häh?	tapferesschneiderlein	HTML, Usability und Barrierefreiheit	1	09.12.2004 18:45

14.04.2005, 13:35
center Benutzer Registriert seit: 28.03.2005 Beiträge: 49	CSS - Nervige Interpretation von Padding in IE und FF Also ich habe folgendes in meiner CSS: Code: div.frame { border: 1px solid Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: black; width: 264px; text-align: inherit; float: left; vertical-align: top; padding-top: 5px; border-top: White; margin-top: 0px; padding-left: 4px; padding: 3px; } Es entsteht folgende Problematik: unter IE wird das <div> 264px breit und das padding ist inside. unter FF wird das <div> allerdings 272px breit, d.h. das padding wird der vorgeschriebenen breite hinzuaddiert. Hat jemand ne idee, wie sich das Problem lösen läßt? Danke


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

14.04.2005, 14:01
axo Erfahrener Benutzer Registriert seit: 24.12.2004 Beiträge: 1.814	google nach "ie box model hack" fragen. macht keinen sinn, das was dort steht, hier zu wiederholen.

14.04.2005, 15:35
center Benutzer Registriert seit: 28.03.2005 Beiträge: 49	spitzenmäßiger tip, danke dir!