Thomas J.S.: DIV-Container mit height="100%"

Beitrag lesen

Hallo Gunther,

Wenn man der Tabelle eine Höhe (was dann nicht mehr HTML-konform ist) zuweist,

Mit style="height:...;" ist es HTML-konform.

» wird der DIV-Container im NS immer noch nur dann angezeigt, wenn der tatsächliche Tabellen-Inhalt höher als eine Bildschirmseite ist, ansonsten wird er nach wie vor nicht angezeigt.

Das kann ich nicht nachvollziehen (siehe Code)

Grüße
Thomas
--------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
</head>

<body>
<table style="height:95%">

<tr>
<td height="100%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt. Nulla sit amet urna in est gravida interdum. Aenean suscipit. Vestibulum
non augue. Vivamus luctus enim ac nunc adipiscing dictum. Nunc ac lorem eget dolor aliquam laoreet. Suspendisse potenti. Fusce urna. Nunc
congue, neque eu pharetra commodo, turpis dolor molestie erat, a adipiscing ipsum lacus a nisl. Quisque eget elit. Morbi odio. Duis sit amet pede.
Vivamus sed enim in erat vehicula fringilla. Duis viverra. Nam condimentum, mi vel mollis vulputate, libero orci sodales urna, a tempor odio lectus
eget wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vestibulum tortor nec turpis.
Aenean suscipit adipiscing sem. Vivamus id felis. Praesent ornare malesuada tortor.</td>
<td height="100%">
<div style="height:100%; width:100%; overflow:auto;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt. Nulla sit amet urna in est gravida interdum. Aenean suscipit. Vestibulum
non augue. Vivamus luctus enim ac nunc adipiscing dictum. Nunc ac lorem eget dolor aliquam laoreet. Suspendisse potenti. Fusce urna. Nunc
congue, neque eu pharetra commodo, turpis dolor molestie erat, a adipiscing ipsum lacus a nisl. Quisque eget elit. Morbi odio. Duis sit amet pede.
Vivamus sed enim in erat vehicula fringilla. Duis viverra. Nam condimentum, mi vel mollis vulputate, libero orci sodales urna, a tempor odio lectus
eget wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vestibulum tortor nec turpis.
Aenean suscipit adipiscing sem. Vivamus id felis. Praesent ornare malesuada tortor.

Cras ultricies. Vivamus elementum, sapien quis rhoncus feugiat, nibh est posuere purus, a fringilla ante nibh at turpis. Fusce ante tortor, consequat
eu, sollicitudin quis, bibendum at, sem. Cras venenatis mollis risus. Quisque condimentum gravida arcu. Donec rutrum mauris in sapien.
Pellentesque aliquam suscipit felis. Cras velit. Cras malesuada ligula et tellus. Ut lacus. Donec feugiat. Vivamus justo. Curabitur feugiat. Nullam
lorem odio, venenatis non, ultrices a, facilisis sit amet, metus. Maecenas elit.

Nunc lorem velit, cursus vel, vulputate at, congue ut, urna. Praesent ultrices, sapien a tempus tempor, pede quam varius lacus, eu gravida quam leo
ac nisl. Suspendisse tincidunt purus ac felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur
dignissim tortor tristique metus. Ut a lacus vitae turpis auctor dictum. Vestibulum posuere lacus vel nibh. Fusce id turpis. Nullam enim. Aliquam
ante. Fusce hendrerit dui nec nulla. Pellentesque malesuada, orci non commodo cursus, erat nisl aliquet purus, eu varius pede nulla sed purus.

Morbi molestie. Nulla ante felis, fermentum ultricies, semper id, vehicula et, lorem. Fusce sollicitudin rhoncus libero. Integer dapibus. Etiam lobortis
sodales dui. Suspendisse dictum, odio et imperdiet luctus, pede libero pellentesque odio, in congue ipsum arcu at wisi. Donec convallis
pellentesque est. Nullam vel pede vel odio congue molestie. Donec vehicula. Sed interdum. Suspendisse ipsum arcu, tristique at, ultrices vel,
malesuada eget, elit. Nulla nibh nulla, sodales nec, venenatis vel, feugiat nec, dolor. Maecenas dignissim hendrerit neque. Integer vitae erat.

Nam ut lacus ut neque elementum iaculis. Proin ac eros. Pellentesque rhoncus, orci eu hendrerit tristique, erat velit tempus enim, eget scelerisque
mauris neque in risus. Nunc viverra est. Praesent laoreet. Sed ac turpis. Etiam velit lorem, vestibulum sit amet, tempus at, porta in, felis. Duis in
felis. Morbi feugiat auctor turpis. Aenean at ante a urna congue hendrerit. Phasellus nulla. Ut sollicitudin. Proin urna pede, sollicitudin vel, congue
et, fringilla nec, metus. Praesent sed velit.

</div>
</td>
<td height="100%">Lorem ipsum dolor sit amet, esent ornare malesuada tortor.</td>
</tr>

<tr>
<td height="100%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt. Nulla sit amet urna in est gravida interdum. Aenean suscipit. Vestibulum
non augue. Vivamus luctus enim ac nunc adipiscing dictum. Nunc ac lorem eget dolor aliquam laoreet. Suspendisse potenti. Fusce urna. Nunc
congue, neque eu pharetra commodo, turpis dolor molestie erat, a adipiscing ipsum lacus a nisl. Quisque eget elit. Morbi odio. Duis sit amet pede.
Vivamus sed enim in erat vehicula fringilla. Duis viverra. Nam condimentum, mi vel mollis vulputate, libero orci sodales urna, a tempor odio lectus
eget wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vestibulum tortor nec turpis.
Aenean suscipit adipiscing sem. Vivamus id felis. Praesent ornare malesuada tortor.</td>
<td height="100%"><div style="height:100%; width:100%; overflow:auto; position:relative;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt. Nulla sit amet urna in est gravida interdum. Aenean suscipit. Vestibulum
non augue. Vivamus luctus enim ac nunc adipiscing dictum. Nunc ac lorem eget dolor aliquam laoreet. Suspendisse potenti. Fusce urna. Nunc
congue, neque eu pharetra commodo, turpis dolor molestie erat, a adipiscing ipsum lacus a nisl. Quisque eget elit. Morbi odio. Duis sit amet pede.
Vivamus sed enim in erat vehicula fringilla. Duis viverra. Nam condimentum, mi vel mollis vulputate, libero orci sodales urna, a tempor odio lectus
eget wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vestibulum tortor nec turpis.
Aenean suscipit adipiscing sem. Vivamus id felis. Praesent ornare malesuada tortor.

Cras ultricies. Vivamus elementum, sapien quis rhoncus feugiat, nibh est posuere purus, a fringilla ante nibh at turpis. Fusce ante tortor, consequat
eu, sollicitudin quis, bibendum at, sem. Cras venenatis mollis risus. Quisque condimentum gravida arcu. Donec rutrum mauris in sapien.
Pellentesque aliquam suscipit felis. Cras velit. Cras malesuada ligula et tellus. Ut lacus. Donec feugiat. Vivamus justo. Curabitur feugiat. Nullam
lorem odio, venenatis non, ultrices a, facilisis sit amet, metus. Maecenas elit.

Nunc lorem velit, cursus vel, vulputate at, congue ut, urna. Praesent ultrices, sapien a tempus tempor, pede quam varius lacus, eu gravida quam leo
ac nisl. Suspendisse tincidunt purus ac felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur
dignissim tortor tristique metus. Ut a lacus vitae turpis auctor dictum. Vestibulum posuere lacus vel nibh. Fusce id turpis. Nullam enim. Aliquam
ante. Fusce hendrerit dui nec nulla. Pellentesque malesuada, orci non commodo cursus, erat nisl aliquet purus, eu varius pede nulla sed purus.

Morbi molestie. Nulla ante felis, fermentum ultricies, semper id, vehicula et, lorem. Fusce sollicitudin rhoncus libero. Integer dapibus. Etiam lobortis
sodales dui. Suspendisse dictum, odio et imperdiet luctus, pede libero pellentesque odio, in congue ipsum arcu at wisi. Donec convallis
pellentesque est. Nullam vel pede vel odio congue molestie. Donec vehicula. Sed interdum. Suspendisse ipsum arcu, tristique at, ultrices vel,
malesuada eget, elit. Nulla nibh nulla, sodales nec, venenatis vel, feugiat nec, dolor. Maecenas dignissim hendrerit neque. Integer vitae erat.

Nam ut lacus ut neque elementum iaculis. Proin ac eros. Pellentesque rhoncus, orci eu hendrerit tristique, erat velit tempus enim, eget scelerisque
mauris neque in risus. Nunc viverra est. Praesent laoreet. Sed ac turpis. Etiam velit lorem, vestibulum sit amet, tempus at, porta in, felis. Duis in
felis. Morbi feugiat auctor turpis. Aenean at ante a urna congue hendrerit. Phasellus nulla. Ut sollicitudin. Proin urna pede, sollicitudin vel, congue
et, fringilla nec, metus. Praesent sed velit.

</div></td>
<td height="100%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt. Nulla sit amet urna in est gravida interdum. Aenean suscipit. Vestibulum
non augue. Vivamus luctus enim ac nunc adipiscing dictum. Nunc ac lorem eget dolor aliquam laoreet. Suspendisse potenti. Fusce urna. Nunc
congue, neque eu pharetra commodo, turpis dolor molestie erat, a adipiscing ipsum lacus a nisl. Quisque eget elit. Morbi odio. Duis sit amet pede.
Vivamus sed enim in erat vehicula fringilla. Duis viverra. Nam condimentum, mi vel mollis vulputate, libero orci sodales urna, a tempor odio lectus
eget wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vestibulum tortor nec turpis.
Aenean suscipit adipiscing sem. Vivamus id felis. Praesent ornare malesuada tortor.</td>
</tr>

</table>

</body>
</html>