Horizontaler Scrollbalken bei 100% Table im IE

campylobacter · #1 (**permalink**) 08.04.2009, 13:20

Hallo,

Ich hab da leider ein Problem im IE (Getestet im IE7; IE6 ist nicht so wichtig).

Es gibt ein div mit einer festen Höhe und Breite. Darin ist eine Tabelle mit ein paar Zeilen Inhalt. overflow steht auf scroll (bzw. auto).

Der IE macht da jetzt aber einen Horizontaler Scrollbalken hin obwohl die Tabelle 100% Breite haben soll und nicht mehr.

Eine Testdatei hab ich vorbereitet:
Div Test

Habt ihr eine Ahnung wie man das Problem lösen kann, damit es im IE auch passt?

Vielen Dank für alle Antworten!

mfg
campy

campylobacter · #2 (**permalink**) 10.04.2009, 11:35

Hat wirklich niemand eine Idee?

WjM · #3 (**permalink**) 10.04.2009, 11:56

Der IE braucht manchmal einen <br />-Tag nach einem Bild, einer Tabelle oder einem Div. Probiers damit.

campylobacter · #4 (**permalink**) 10.04.2009, 13:01

Hab ich jetzt eingebaut. Ändert leider auch nichts. Also der Scrollbalken ist immer noch da, bzw. die Tabelle zu breit.

WjM · #5 (**permalink**) 10.04.2009, 15:45

und auch die margins auf 0 gesetzt? Der IE (und manchmal auch andere) brauchen immer wieder eine max. Breite von 96% um 100% des Platzes zu treffen. Warum weiß ich auch nicht, ich glaube die Breite der Scrollbars und des Fensterrahmens wird nicht von den 100% abgezogen.

EvT · #6 (**permalink**) 10.04.2009, 18:29

Overflow:auto ist für das Div schon der richtige Weg, denn dann werden Scrollleisten nur eingeblendet, wenn der für den Inhalt benötigte Platz nicht ausreicht. Bei overflow:scroll würden Scrollleisten permanent eingeblendet werden, also selbst dann, wenn es gar nicht erforderlich ist.

Im unteren Beispiel erscheint aber auch bei overflow:auto eine horizontale Scrollleiste. Diese Leiste lässt sich beeinflussen durch das verwendete Tabellenmodell, das über die Eigenschaft table-layout gesteuert werden kann.

Ich würde deshalb für die Tabelle table-layout:fixed verwenden und für IE die Tabelle nicht auf 100% setzen, sondern auf width:auto.

Komplett würde das dann so aussehen:

Code:

div {
	border: 1px solid #000;
	height: 150px;
	width: 200px;
	overflow: auto;
	}

table {
	table-layout: fixed;
	width: auto;
	}

Zumindest im IE 6 sollte es dann passen, IE 7 habe ich nicht getestet.

campylobacter · #7 (**permalink**) 10.04.2009, 21:34

Danke, das hat mir jetzt schon etwas weitergeholen. Muss noch etwas testen. Bei meinem "Echt-Code" scheint es nicht immer zu funktionieren.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Myspace Fehler zwischen FF und IE?	soren.designs	(X)HTML	1	05.09.2009 16:02
Myspace problem... Rechte Säule verschiebt sich im IE.	calledmarcel	CSS	1	27.02.2009 09:12
Falsche Darstellung im Internet Explorer	Janizzle	CSS	0	30.08.2007 19:44
Horizontaler Scrollbalken bei position:relative :(	The Sayan	CSS	1	25.02.2007 13:37
Horizontaler Scrollbalken im FF/Netscape/Opera	schrenz	CSS	3	16.09.2005 13:51