IE 6.0 und CSS-Positionierung mit bottom

rocco · 01.03.2009, 10:03

Hallo!

Hab hier einen Container mit folgenden Eigenschaften:

Code:

	position: absolute;
	
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	
	text-align:center;
	
	min-width:650px;
	min-height:650px;
	
	z-index:1;

d.h. er sollte normalerweise ja mit dem Browserfenster "mitwachsen". Horizonal tut er das auch, aber wenn ich das Fenster in die Höhe ziehe bleibt der Container stehen. Warum ist das so beim IE 6.0 und wie lässt sich das beheben? Anderen Browsern scheint das kein Problem zu sein.

Danke im Voraus!

PS: Die obere Instanz ist natürlich schon der HTML-body (mit margin: 0px; padding: 0px; text-align: center

. Also es ist "davor" kein Container der den irgendwie beeinflusst.

dille001 · 01.03.2009, 13:04

Moin,

der IE6 beherrscht ganz einfach die Anweisungen min-/max-height und min-/max-width nicht

Dirk

nikosch · 01.03.2009, 15:50

Statt

Code:

	min-width:650px;
	min-height:650px;

kannst Du

Code:

	width:650px;
	height:650px;

über eine Browserweiche verwenden.
Und dem Body solltest Du 100% Breite und Höhe zuweisen.

rocco · 01.03.2009, 16:15

Danke für die Antworten.

Das Problem ist nicht das min-height (is mir jetzt mal egal dass er kleiner wird), sondern eher das bottom:10px;.

Links, oben und rechts hält er immer genau 10px Abstand zum Fensterrand, auch nach dem ziehen. Aber unten ist er immer weit weg. Und zwar passt sich die Höhe des Containers an den Inhalt an. Aber wie gesagt, ich will dass es bis 10px vor dem unteren Rand geht. Leider macht er das nicht.

Rafal · 01.03.2009, 19:36

er?
ist er div oder span?

rocco · 01.03.2009, 19:45

div-Container

Rafal · 01.03.2009, 20:32

du hast statische (pixel) px gewählt.das ist fasch
min-width:90%; ist richtig
min-height:90%; ist richtig

nikosch · 01.03.2009, 20:43

90% ist aber nicht 100%-20px; !

rocco · 02.03.2009, 19:05

Zitat:

Zitat von Rafal

du hast statische (pixel) px gewählt.das ist fasch
min-width:90%; ist richtig
min-height:90%; ist richtig

Wieso ist das falsch?
Aber egal, es geht ja wie bereits ein paar mal erwähnt eh nicht um die min-height, sondern um das bottom: 10px;

[-UFO-]Melkor · 03.03.2009, 08:47

Du willst also ein Element so haben, dass es quasi die komplette Breite einnimmt, allerdings zu jedem Rand 10 Pixel abstand hat?

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
Positionierung im IE und FF unterschiedlich!	litterauspirna	HTML, Usability und Barrierefreiheit	6	20.10.2008 10:41
[Erledigt] Unterschiedl. CSS Positionierung IE Firefox..	drsoong	HTML, Usability und Barrierefreiheit	1	06.09.2008 00:28
Positionierung verschiedener Elemente in einer per PHP/JS erstellten Linkliste	tino	PHP Tipps 2008	5	13.08.2008 12:07
DIV -> height: 100px; Position: absolute; bottom: 0?	HStev	HTML, Usability und Barrierefreiheit	6	10.06.2006 17:59
Via link auf den bottom der page	GrungeRocker	PHP Tipps 2007	14	25.12.2005 23:59
zentrierte Positionierung einer Seite bei höherer Auflösung		HTML, Usability und Barrierefreiheit	8	04.10.2005 12:35
iframe Positionierung		HTML, Usability und Barrierefreiheit	1	13.07.2005 16:44
CSS positionierung im DIV	JEGO	HTML, Usability und Barrierefreiheit	21	29.06.2005 14:25
CSS validator bottom nicht anerkannt		HTML, Usability und Barrierefreiheit	1	10.06.2005 18:08
Probleme bei Positionierung mittels CSS		HTML, Usability und Barrierefreiheit	3	25.04.2005 04:38
Wasserzeichen positionierung	kain	PHP Tipps 2005	4	19.04.2005 15:16
Hilfe bei Positionierung	nullplan	PHP Tipps 2005	6	16.03.2005 14:54
Ausrichten am unteren Rand (bottom)	Stümper	HTML, Usability und Barrierefreiheit	5	09.02.2005 10:04
List-style-type Positionierung der Bulletpoints		HTML, Usability und Barrierefreiheit	6	05.11.2004 14:10
Absolute Positionierung wird falsch dargestellt	DutziMan	HTML, Usability und Barrierefreiheit	8	07.09.2004 08:58

01.03.2009, 10:03
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	IE 6.0 und CSS-Positionierung mit bottom Hallo! Hab hier einen Container mit folgenden Eigenschaften: Code: position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; text-align:center; min-width:650px; min-height:650px; z-index:1; d.h. er sollte normalerweise ja mit dem Browserfenster "mitwachsen". Horizonal tut er das auch, aber wenn ich das Fenster in die Höhe ziehe bleibt der Container stehen. Warum ist das so beim IE 6.0 und wie lässt sich das beheben? Anderen Browsern scheint das kein Problem zu sein. Danke im Voraus! PS: Die obere Instanz ist natürlich schon der HTML-body (mit margin: 0px; padding: 0px; text-align: center. Also es ist "davor" kein Container der den irgendwie beeinflusst. Geändert von rocco (01.03.2009 um 10:12 Uhr).


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

01.03.2009, 13:04
dille001 Benutzer Registriert seit: 28.02.2009 Beiträge: 58	IE6 nix min nix max Moin, der IE6 beherrscht ganz einfach die Anweisungen min-/max-height und min-/max-width nicht Dirk

01.03.2009, 15:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Statt Code: min-width:650px; min-height:650px; kannst Du Code: width:650px; height:650px; über eine Browserweiche verwenden. Und dem Body solltest Du 100% Breite und Höhe zuweisen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.03.2009, 16:15
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	Danke für die Antworten. Das Problem ist nicht das min-height (is mir jetzt mal egal dass er kleiner wird), sondern eher das bottom:10px;. Links, oben und rechts hält er immer genau 10px Abstand zum Fensterrand, auch nach dem ziehen. Aber unten ist er immer weit weg. Und zwar passt sich die Höhe des Containers an den Inhalt an. Aber wie gesagt, ich will dass es bis 10px vor dem unteren Rand geht. Leider macht er das nicht.

01.03.2009, 19:36
Rafal Neuer Benutzer Registriert seit: 28.02.2009 Beiträge: 12	er? ist er div oder span?

01.03.2009, 19:45
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	div-Container

01.03.2009, 20:32
Rafal Neuer Benutzer Registriert seit: 28.02.2009 Beiträge: 12	du hast statische (pixel) px gewählt.das ist fasch min-width:90%; ist richtig min-height:90%; ist richtig

01.03.2009, 20:43
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	90% ist aber nicht 100%-20px; ! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

03.03.2009, 08:47
[-UFO-]Melkor Erfahrener Benutzer Registriert seit: 26.05.2008 Beiträge: 200 PHP-Kenntnisse: Fortgeschritten	Du willst also ein Element so haben, dass es quasi die komplette Breite einnimmt, allerdings zu jedem Rand 10 Pixel abstand hat?