gaby: div über ganze Seite

Beitrag lesen

... genau das wollte ich eben zu _dir_ sagen. ;)

Kein problem ;)
Ich poste mal die ganze Seite zum Testen:

<!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>Untitled Document</title>
</head>

<body style="margin: 0px; height: 100%;">

<p>sdfsd</p><p>f</p><p>sdf</p><p>sdf</p><p>sd</p><p>fs</p><p>df</p><p>sd</p><p>f</p>

<div onclick="HideImage();" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #CCCCCC;">
    <table style="width: 100%; height: 100%; text-align: center; vertical-align: middle;">
        <tr><td><img src="http://www.google.de/intl/de_de/images/logo.gif" alt=""/></td></tr>
    </table>
</div>

<p>sdfsd</p><p>f</p><p>sdf</p><p>sdf</p><p>sd</p><p>fs</p><p>df</p><p>sd</p><p>f</p>
<p>sd</p><p>fd</p><p>sf</p><p>sd</p><p>f</p><p>sd</p><p>fd</p><p>sf</p><p>sd</p><p>f</p>
<p>sdf</p><p>ds</p><p>f</p><p>dsf</p><p>sd</p><p>f</p><p>dsf</p>

</body>
</html>

Firefox macht genau das, was du ihm sagst.

er schreibt zunächst die Zeilen mit den Buchstaben
dann positioniert er ein 100% großes DIV _über_ die Buchstabenzeilen, sodaß diese verdeckt werden.
Nach dem grauen 100% hohen DIV kommen wieder Buchstabenzeilen, die aber nicht unterhalb des grauen DIVs beginnen, sondern an die ersten Buchstabenzeilen anschließen, also ebenfalls teilweise von dem grauen DIV verdeckt werden.
Von was soll das graue DIV denn ausgedehnt werden, wenn nur dieses kleine Bild in ihm ist.

Baue mal meine vorgeschlagenen Änderungen ein, und schließe die Buchstabenzeilen ebenfalls in das graue Div ein.

gaby