zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden overflow: scroll Verarsche im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.01.2008, 19:32
Benutzerbild von nick
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 01.08.2006
Ort: Rheinland-Pfalz
Beiträge: 386
nick befindet sich auf einem aufstrebenden Ast
Standard overflow: scroll Verarsche im IE

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
*
{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}

html
{
	font: 10px verdana;
	height: 100%;
	width: 100%;
}

body
{
	background: #000000;
	padding: 10px;
	font: 11px verdana, arial, "courier new";
	color: #FFFFCC;
}


table
{
	width: 100%;
	border-collapse: collapse;
}

table th, table td
{
	border: 2px solid #FFF;
	padding: 3px;
}


div.postbody
{
	width: 100%;
	height: 100px;
	overflow: scroll;
}
</style>
<title>prob</title>
</head>
<body>

<table style="width: 100%;" cellspacing="0">
<tr>
	<th style="width: 30%;" align="center">
		Name
	</th>
	<th style="width: 70%;" align="left">
		Text
	</th>
</tr>
<tr>
	<td style="width: 30%;" align="center" valign="middle">
		Hier muss was stehen
	</td>
	<td style="width: 70%;">
		<div class="postbody">WoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalken</div>
	</td>
</tr>
</table>

</body>
</html>
Im FF - wie erwünscht, im IE: unerklärlich.

Die Tabelle soll am Ende Benutzer mit ID, NAME und TEXT auflisten. Dabei soll eine lange Zeile ohne Leerzeichen im Text für keinen Rahmensprenger sorgen.

Ich rkeig es aber einfach nicht auf die Reihe! Ich will nur horizontale Rahmensprenger verhindern. Gäbe es den IE nicht, hätte iches fast geschafft. Aber auch nur fast. Mit overflow: auto im FF gibt es einen horizontalen Scrollbalken, wenn der Text horizontal nicht mehr reinpasst, vertikal aber keinen. Und der horizontale Skrollbalken ist auch NUR da, wenn Text aus dem Rahmen kommen würde. overflow: auto intepretiert jeder Browser aber, wie es ihm passt.

Problem 2:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
*
{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}

html
{
	font: 10px verdana;
	height: 100%;
	width: 100%;
}

body
{
	background: #000000;
	padding: 10px;
	font: 11px verdana, arial, "courier new";
	color: #FFFFCC;
}


table
{
	width: 100%;
	border-collapse: collapse;
}

table th, table td
{
	border: 2px solid #FFF;
	padding: 3px;
}


div.postbody
{
	width: 100%;
	overflow: scroll;
}
</style>
<title>prob</title>
</head>
<body>

<table style="width: 100%;" cellspacing="0">
<tr>
	<th style="width: 30%;">
		Name
	</th>
	<th style="width: 70%;" align="left">
		Text
	</th>
</tr>
<tr>
	<td style="width: 30%;">
		Bla<br />
		Benutzertitle
	</td>
	<td style="width: 70%;">
		<div class="postbody">WoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalken</div>
	</td>
</tr>
</table>

</body>
</html>
Wieso zeigt mir der FF die Zellen so hoch? Es sind keine height-Angaben für die div, keine für die Zellen und nichtmal für die tabelle welche. Das hingegen zeigt mir der IE wie erwünscht, von der Höhe her...

Problem 3:

Code:
<table style="width: 100%;" cellspacing="0">
<tr>
	<th style="width: 30%;">
		Name
	</th>
	<th style="width: 70%;" align="left">
		Text
	</th>
</tr>
<tr>
	<td style="width: 30%;">
		Bla<br />
		Benutzertitle<br />
		Benutzertitle<br />
		Benutzertitle<br />
		Benutzertitle<br />
		Benutzertitle<br />
	</td>
	<td style="width: 70%;">
		<div class="postbody">WoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalkenWoIstDerVertikaleSkrollbalken</div>
	</td>
</tr>
</table>
Ich will die div vertikal so viel Platz einnehmen lassen wie frei ist. Mit height: 100% geht es ja nicht, da sein parent keine definierte Höhe hat. Es soll auch keien definierte Höhe haben. Die linke Spalte hat eine undefinierte Anzahl an Zeilen. Je nach Anzahl der Zeilen soll die div eine passende Höhe haben, damit das hoizontale Skrollbalken auch ganz unten erscheint.

Argh! Hilfe!
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Liste wird trotz float:left im li nicht horizontal img CSS 27 23.08.2013 13:43
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 21:41
Darstellungsfehler - FF & IE7 vs. IE6 mk-gfx CSS 2 29.10.2008 10:58
[CSS] overflow: scroll; | Barrierefrei ?! ulle Barrierefreiheit 23 24.10.2005 17:43
Overflow Scroll nach rechts , egal wie groß das Fenster Dancer CSS 4 05.02.2005 11:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:24 Uhr.