DIV's untereinander -> Problem

snatch-ic · 05.02.2007, 00:26

Hallo,
wie so oft gibt es ja Probleme mit Firefox und IE 7 im bezug auf CSS.
Ich habe mal wieder ein solches und weis nicht wie ich weiter machen soll.

Firefox:

Internet Explorer:

Wenn ihr euch die Bilder anguckt seht ihr 2 DIV's untereinander. Das mit der Hintergrundfarbe Rot und das andere mit der Farbe Grün.
Das Problem das ich jetzt habe ist, das IE den Rahmen der bei dem Grünen DIV links und rechts zu sehen ist bei dem roten DIV weiterführt. Eigentlich kann das gar nicht sein weil die DIV's in der Form nicht zusammen hängen. Sie sind zwar in einem übergeordneten DIV haben aber beide verschiedenen CSS Eigenschaften.

Hier der dazugehörige CSS Code:

In package sind alle DIV's drinne.
In all sind navi und content und footer ist auserhalb all unter content.
Betroffen sind content und footer. Das Div footer ist das rote und content das grüne.

Code:

#package
	{
	position: absolute;
	top: 198px;
	left: 258px;
	background-color: green;
}

#all
	{
	overflow: hidden;
	width: 757px;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
}
	
#navi
	{
	margin-top: 35px;
	background-color: black;
	height: 30px;
	width: 740px;
}

#content
	{
	width: 706px;
	border-left: 2px solid #DBDBDB;
	border-right: 2px solid #DBDBDB;
	border-bottom: 2px solid #DBDBDB;
	min-height: 333px;
	
	padding: 15px;
	font: 10pt/18px Verdana;
	text-align: justify;
}

#footer
	{
	height: 250px;
	width: 763px;
	color: #d7d7d7;
	font: 8pt/18px Verdana;
	background-color: red;
}

Kann mir da evtl. jemand weiter helfen?
Ich finde da einfach keine Lösung.

mfg snatch-ic

Zergling-new · 05.02.2007, 12:39

Ehrlich gesagt sehe ich garkeinen direkten Unterschied, höchstens ein paar dunkle Schatten, die aber auch von der schlechten Bild-Qualität herrühren könnten.

Bei solchen HTML-Beispielen ist es immer hilfreich, eine Beispiel-Seite zu posten, mit dem gesamten Quellcode von HTML und CSS.

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] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
Problem: javascript + verstecken eines Divs	se-clan	HTML, Usability und Barrierefreiheit	4	04.01.2007 10:49
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
Probleme bei Abständen mit DIV's	snatch-ic	HTML, Usability und Barrierefreiheit	11	29.06.2006 22:02
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
problem mit div's		HTML, Usability und Barrierefreiheit	2	08.11.2005 18:55
Css Problem - Divs anders positionieren	ypsie	HTML, Usability und Barrierefreiheit	7	22.08.2005 17:40
DIVs nebeneinander	freitz	HTML, Usability und Barrierefreiheit	4	21.04.2005 22:47
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
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46

05.02.2007, 00:26
snatch-ic Erfahrener Benutzer Registriert seit: 04.12.2005 Beiträge: 286 PHP-Kenntnisse: Fortgeschritten	DIV's untereinander -> Problem Hallo, wie so oft gibt es ja Probleme mit Firefox und IE 7 im bezug auf CSS. Ich habe mal wieder ein solches und weis nicht wie ich weiter machen soll. Firefox: Internet Explorer: Wenn ihr euch die Bilder anguckt seht ihr 2 DIV's untereinander. Das mit der Hintergrundfarbe Rot und das andere mit der Farbe Grün. Das Problem das ich jetzt habe ist, das IE den Rahmen der bei dem Grünen DIV links und rechts zu sehen ist bei dem roten DIV weiterführt. Eigentlich kann das gar nicht sein weil die DIV's in der Form nicht zusammen hängen. Sie sind zwar in einem übergeordneten DIV haben aber beide verschiedenen CSS Eigenschaften. Hier der dazugehörige CSS Code: In package sind alle DIV's drinne. In all sind navi und content und footer ist auserhalb all unter content. Betroffen sind content und footer. Das Div footer ist das rote und content das grüne. Code: #package { position: absolute; top: 198px; left: 258px; background-color: green; } #all { overflow: hidden; width: 757px; border-left: 3px solid #000000; border-right: 3px solid #000000; } #navi { margin-top: 35px; background-color: black; height: 30px; width: 740px; } #content { width: 706px; border-left: 2px solid #DBDBDB; border-right: 2px solid #DBDBDB; border-bottom: 2px solid #DBDBDB; min-height: 333px; padding: 15px; font: 10pt/18px Verdana; text-align: justify; } #footer { height: 250px; width: 763px; color: #d7d7d7; font: 8pt/18px Verdana; background-color: red; } Kann mir da evtl. jemand weiter helfen? Ich finde da einfach keine Lösung. mfg snatch-ic


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

05.02.2007, 12:39
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Ehrlich gesagt sehe ich garkeinen direkten Unterschied, höchstens ein paar dunkle Schatten, die aber auch von der schlechten Bild-Qualität herrühren könnten. Bei solchen HTML-Beispielen ist es immer hilfreich, eine Beispiel-Seite zu posten, mit dem gesamten Quellcode von HTML und CSS.