Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „feststehende Tabellenzelle“

atkey

Noch nicht viel geschrieben

ich habe hier ne Tabelle mit 3 Zeilen.
Die obere und die untere haben eine feste Höhe, die andere soll sich anpassen.
Habe einen div reingemacht und ihm nen overflow: auto gegeben, aber das funktioniert alles nicht. Der Inhalt wird immer so lang wie er halt ist und dadurch ist der "footer" nicht mehr sichtbar.

Ich kann auch keine div-layout machen. Weiß jemand ne Lösung mit diesem Tabellenkonstrukt ?

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
	body, html { height: 100%; padding: 0; margin: 0 }
	table { height: 100%}
	div.container { overflow: auto; height: 100% }
	td.container { overflow: auto }
</style>


</head>

<body>

	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<tr>
			<td height="20">huhu</td>
		</tr>
		<tr>
			<td class="container">
				<div class="container">
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
					test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
				</div>
			</td>
		</tr>
		<tr>
			<td height="20">er</td>
		</tr>
	</table>


</body>
</html>
 

nO-FaCe

MG/O iA

AW: feststehende Tabellenzelle

nun, du baust doch auf table, warum schmeißt du in die zelle ein div ?

HTML:
</head>

<body>

    <table width="100%" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td height="20">huhu</td>
        </tr>
        <tr>
            <td>
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
                test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
            </td>
           </tr>
        <tr>
            <td height="20">er</td>
        </tr>
    </table>


</body>
</html>

das sollte gehen. ansonsten musst du der mittleren zelle eine höhe von auto angeben.
 

Herr_D

offline

AW: feststehende Tabellenzelle

Feste Pixel und Prozente gehen nicht wirklich...

Ohne Tabelle:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--

html, body  { height: 100%; padding: 0; margin: 0 }
#header { height: 10%; background:#dedede;}
#container { overflow: auto; height: 80% }
#footer { height:10%; background:#eFDFDF }


-->
</style>
</HEAD>
<BODY>
<div id="header"></div>
<div id="container">test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br /></div>
<div id="footer"></div>
</BODY>
</HTML>
 

atkey

Noch nicht viel geschrieben

AW: feststehende Tabellenzelle

@ nO-FaCe:
dann wird aber sobald die mittlere Zelle aber größer ist als die 100% höhe des Browserfenster, wird es halt länger und die untere Zelle ist nicht mehr zu sehen, ohne das man scrollt.

@Herr_D mit divs ja da geht das, aber kann ich leider nicht machen. Die Anpassung würde zu lange dauern.

Ich werde es wohl mit Javascript machen und die Höhe berechnen lassen
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.880
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben