nag: scrollbares div + 100% tabellenhöhe

Beitrag lesen

Hallo,

Folgende HTML-Datei meine ich:

warum nicht gleich so?

<html>

Doctype !

<head>
<TITLE></TITLE>

Titel? (besser <title>...</title>)

<style type="text/css">
 html, body { height:100%; overflow:hidden; }
</style>
</head>

<body>
<table style="height:100%; width:100%" border="1" >
 <tr align="left" valign="top">
  <td height=575 >               <!-- hier liegt das Problem -->

genau - da ist ein Fehler! ich empfehle:
http://validator.w3.org/

<div style="overflow:auto; height:100%; font-size:10pt; padding-left:5px; padding-right:5px; background-color:lime">
 <script>for(i=0;i<2000;i++) document.write("Many text in here...

richtig: <script type="text/javascript">

...

hier der "neue" quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title> Titel </title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
html, body { margin:0; padding:0; height:100%; overflow:hidden; }
</style>
</head>

<body>
<table style="height:100%; width:100%" border="0" >
 <tr align="left" valign="top">
  <td style="height:557px">
    <div style="overflow:auto; height:100%; font-size:10pt; padding-left:5px; padding-right:5px; background-color:lime">
 <script type="text/javascript">for(i=0;i<2000;i++) document.write("Many text in here... ");</script>
   </div>
  </td>
 </tr>

<tr align="left" valign="middle">
  <td>
    Statuszeile
  </td>
 </tr>

</table>

</body>
</html>

viel spaß damit...
BTW:
in scrollbaren div's funktioniert nicht in jedem Browser das Mausrad, was sehr schnell SEEEEHR nervig werden kann!

mfg NAG

--
signatur