nicht angemeldet
problem mit scroll balken in einer tabelle
hallo,
ich habe ein Tabelle und das Problem das die spalte sich in der Höhe 100% zum Browser ausrichten soll, nur sobald ich per php abfrage einen längeren Text Inhalt einlese springt sie über und verlängert die spalte nach unten so lang wie halt der Text ist. Ich wollte aber ein scrollbalken in der Spalte haben wo der Inhalt der ausgegeben wird. Da diese Spalte zwischen mehreren Spallten also 2 auf jeder Seite und oben und unten rechts links liegt.
-
hi,
Ich wollte aber ein scrollbalken in der Spalte haben wo der Inhalt der >>ausgegeben wird.
würde ich mit css machen: overflow:auto bzw. overflow:scroll.
hth
shadow
-
Ho dankte ich versuche es mal :-)
-
Der FF ignorirt es immer noch! Ich hab den Inhalt schon in einen DVI aber nix der FF zeiht es aus einander der MSIE macht es so wie es soll aber FF nicht:-/
-
hi,
Der FF ignorirt es immer noch! Ich hab den Inhalt schon in einen DVI aber nix der FF zeiht es aus einander der MSIE macht es so wie es soll aber FF nicht:-/
bei mir funktioniert es in allen browsern, wenn ich noch die höhe mit angebe im div z.b.: hight: 378px
shadow-
Da ich nicht das Orginal Posten kann hier mal eine vereinfachte darstellung des ganzen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta name="author" content="Home">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"><table width="100%" height="100%">
<tr>
<td width="33%" height="33%" bgcolor="#FFFF00">1</td>
<td width="33%" height="33%" bgcolor="#FFBF00">2</td>
<td width="33%" height="33%" bgcolor="#00FF1F">3</td>
</tr>
<tr>
<td width="33%" height="33%" bgcolor="#C00040">1</td>
<td width="33%" height="33%"><div style="postition:relative; width:100%; height:100%; overflow:auto; background-color:#4F4F4F;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="100%">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<br><br>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<br><br>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
<br><br>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<br><br>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
</td>
</tr></table>
</div></td>
<td width="33%" height="33%" bgcolor="#00AFAF">3</td>
</tr>
<tr>
<td width="33%" height="33%" bgcolor="#1F00FF">1</td>
<td width="33%" height="33%" bgcolor="#DF00FF">2</td>
<td width="33%" height="33%" bgcolor="#FF0080">3</td>
</tr></table>
</body>
</html>-
Wenn jemand noch eine Idee für die "%" bei FF hat dan her damit ansonnsten bleibt es halt bei px
-
hi,
Da ich nicht das Orginal Posten kann hier mal eine vereinfachte darstellung des ganzen.
soo kann das nicht funktionieren, wenn du 100% angibst, bedeutet das doch das ALLER platz genutzt wird der zur verfügung steht, da kann ein overflow nicht greifen. oder hab ich was übersehen?
übersetzt sagst du mit overflow doch: wenn mehr platz als (n-px oder n-%) gebraucht wird, dann bitte scrollen und mehr als 100% (=alles) is nich.
shadow
-
Yerf!
Da ich nicht das Orginal Posten kann hier mal eine vereinfachte darstellung des ganzen.
Du hast hier wohl 3 Probleme:
1.) Das Height-Attribut für Tabellen existiert eigentlich nicht (zumindest nicht im offiziellen Standard). Du solltest aber sowieso alle Formatierungsangaben per CSS machen (also auch Hintergrundfarbe usw.).
2.) Eine Höhe von 100% muss sich auf irgendetwas beziehen (100% von was?). Dies ist immer das Elternelement, die bei dir aber keine Höhe haben und deshalb so groß wie ihr Inhalt werden. Gib auch für HTML und BODY eine Höhe von 100% an.
3.) Du misbrauchst Tabellen fürs Layout. Das ist aus 2 Gründen schlecht: erstens sind sie für tabellarische Daten gedacht und deshalb in diesem Sinne nicht Barrierefrei (z.B. ein Problem für Screenreader) und zweitens sind Browser teilweise recht eigenwillig mit der Darstellung. Es kann also trotz korrekter Angaben von Höhen und Breiten zu abweichungen kommen (wenn der Browser meint, der Inhalt braucht mehr Platz... er will halt dem benutzer die *Daten* zugänglich machen).
Du solltest dir mal die CSS-Layouts anschauen.
Gruß,
Harlequin
-
-
-
-
-