nicht angemeldet
mozilla problem mit overflow:hidden
hallo miteinander,
möchte hier mal ein problem vorstellen, das mir keine ruhe lässt.
verschiedene akteure sind dabei beteiligt:
ein auf die seite mittig positioniertes div.
darin enthalten eine tabelle mit zehn untereinander stehenden bildern. das div zeigt jedoch nur das oberste bild an.
mit overflow-y:hidden
jetzt abhängig von diesem div werden 2 weitere divs positioniert.
im IE5+ funktioniert das ganze.
der gekürzte quellcode wäre folgender:
<html>
<head>
<title>test</title>
<style type="text/css">
<!--
html {height:100%; width:100%}
body {height:100%; width:100%; margin:0}
td {text-align:center; vertical-align:middle}
.rand {border-color: #000000;}
-->
</style>
</head>
<body>
mozilla1: overflow-y:hidden - 1. 'center'-tag nach 'body-tag' vorhanden <a href="mozilla2.htm">zur 2. mozilla-version</a>
<center>
<table cellpadding=3 cellspacing=1 border=0 style="height:100%; width:100%; margin:0; text-align:center; vertical-align:middle;">
<tr>
<td>
<center>
<div style='width:272; height:402; z-index:1; overflow-y:hidden;'>
<table height="4000" cellspacing=0 cellpadding=0 border=0>
10 mal:
.........
<tr>
<td>
<img src="achter/wehr1.jpg" border='1' class='rand' width="269" height="400">
</td>
</tr>
.........
</table>
<div style='position:relative;top:-3667px;left:192px;z-index:5'>
<font face="Arial" size="3">Beispieltext</font>
</div>
<div style='position:relative;top:-4005px;left:202px;width:104px;z-index:6' align='left'>
<img src='achter/wehr9-klein.jpg' border='1' class='rand' hspace='4' vspace='4'></a>
</div>
</div>
</center>
</td>
</tr>
</table>
</center></body>
</html>
zu sehen unter:
http://www.frankherfort.de/mozilla1.htm
das problem ist jetzt, das in mozilla das ganze jetzt nicht mittig dargestellt wird. lasse ich das erste center-tag weg, sitzt das ganze zwar mittig, doch funktioniert plötzlich das overflow-y:hidden nicht mehr.
zu sehen unter:
http://www.frankherfort.de/mozilla2.htm
habe jetzt schon viele varianten ausprobiert, doch bisher kam ich damit am weitesten. weiss jemand rat, oder wo das problem hier liegt?
die vorgestellten dateien sind nur eine auf das problem reduzierte dateien die auch wieder vom server verschwinden werden...
würde mich über hilfe natürlich freuen...
gruß ron
-
hi,
ein auf die seite mittig positioniertes div.
darin enthalten eine tabelle mit zehn untereinander stehenden bildern. das div zeigt jedoch nur das oberste bild an.
mit overflow-y:hiddenhabe jetzt schon viele varianten ausprobiert, doch bisher kam ich damit am weitesten. weiss jemand rat, oder wo das problem hier liegt?
im overflow-y vermutlich.
das gibt es in CSS nämlich gar nicht.gruss,
wahsaga-
danke für die antwort....
gruß ron
-
-
Hi,
<div style='width:272; height:402; z-index:1; overflow-y:hidden;'>
width hat einen ungültigen Wert, also wird width:auto verwendet.
height hat einen ungültigen Wert, also wird height:auto verwendet.
overflow-y ist keine CSS-Eigenschaft.<table height="4000" cellspacing=0 cellpadding=0 border=0>
table hat kein height-Attribut.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
danke für die Antwort,
habe jetzt bei width und height die werte nachgetragen.
doch hat das an dem ergebnis nichts geändert.overflow-y ist keine CSS-Eigenschaft.
table hat kein height-Attribut.
overflow-y und height im table sind zwar nicht css-konform, doch kennt mozilla diese, und reagiert irgendwie darauf.
hoffte jedoch insgeheim eigentlich auf die möglichkeit einen lösungsansatz gezeigt zu bekommen der meinem ziel auf anderem wege gerecht wird...
ohne overflow-y:hidden.da muß es doch einen weg geben wie man relativ positionierte divs rechts von einem mittig positionierten div zeigt ohne overflow-y:hidden benutzen zu müssen.
das komische ist ja das opera mit overflow:hidden genau das zeigt was ich haben möchte... ie5 und NS6 jedoch alles abschneiden. wobei ich da denke das opera wahrscheinlich was falsch macht, oder?
um mein ziel und bisherigen lösungsansatz weiter besser zu verdeutlichen hab ich mal schnell diese grafik gemacht:
<img src="http://www.beaugeois.de/bilder/beispiel.gif" border="0" alt="">
vielleicht hat ja jemand noch nen zaunpfahl....
gruß ron
-
Hi,
<img src="http://www.beaugeois.de/bilder/beispiel.gif" border="0" alt="">
Statt overflow solltest Du mal clip probieren.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
-
-