Positionieren im Elternelement
Thomas Dose
- css
0 Zeromancer0 Ashura0 Zeromancer0 Ashura0 Thomas Dose0 Ashura
0 Axel Richter
Liebe Leute!
Ich versuche einige div-Container innerhalb von Tabellenzellen zu positionieren. Aus dem Forum habe ich gelernt, dass die Position des Elternelents nicht -static- sein darf. Ich denke, ich habe das im script berücksichtigt. Das script funktioniert aber nur im InternetExplorer, aber nicht in firefox und Netscape.
Wo liegt der Fehler?
<html>
<head>
<title>Container-Test</title>
<style type="text/css">
<!--
body { }
#Bereich1 { position:absolute; top:25px; left:20px; width:70px; height:25px; }
#Bereich2 { position:absolute; top:50px; left:20px; width:70px; height:25px; }
#Bereich3 { position:absolute; top:75px; left:20px; width:70px; height:25px; }
#Bereich4 { position:absolute; top:100px; left:20px; width:70px; height:25px; }
-->
</style>
</head>
<body bgcolor="#FFCC99">
<table align="center" style="position:relative" border="1">
<tr style="position:relative">
<td style="position:relative" width="100" height="150">
<div id="Bereich1" style="background:yellow; border:solid 2px red;">Bereich1</div>
</td>
<td style="position:relative" width="100" height="150">
<div id="Bereich2" style="background:yellow; border:solid 2px red;">Bereich2</div>
</td>
</tr>
<tr style="position:relative">
<td style="position:relative" width="100" height="150">
<div id="Bereich3" style="background:yellow; border:solid 2px red;">Bereich3</div>
</td>
<td style="position:relative" width="100" height="150">
<div id="Bereich4" style="background:yellow; border:solid 2px red;">Bereich4</div>
</td>
</tr>
</table>
</body>
Hallo,
Ich versuche einige div-Container innerhalb von Tabellenzellen zu positionieren.
welcher Sinn steckt dahinter?
Mit freundlichen Grüßen
André
Hallo Zeromancer.
welcher Sinn steckt dahinter?
JFF?
Gruß, Ashura
Hallo Ashura,
JFF?
???
Mit freundlichen Grüßen
André
Hallo Zeromancer.
JFF?
???
Just For Fun... ;)
Gruß, Ashura
Der Sinn des Ganzen:
Ich möchte eine Bildershow machen und dabei die einigermaßen hübsch (symmetrisch) angeordneten Bilder überblenden.
Wenn ich das Beispiel in SELFHTML richtig verstanden habe geht das nur, wenn die Bilder absolut positioniert sind.
Wenn man es mehr philosophisch sieht ist das ganze natürlich JFF.
Hallo Thomas Dose.
Ich möchte eine Bildershow machen und dabei die einigermaßen hübsch (symmetrisch) angeordneten Bilder überblenden.
Und wozu brauchst du dann noch die Tabelle?
Wenn man es mehr philosophisch sieht ist das ganze natürlich JFF.
Nichts für ungut. ;)
Gruß, Ashura
Hallo,
Ich versuche einige div-Container innerhalb von Tabellenzellen zu positionieren. Aus dem Forum habe ich gelernt, dass die Position des Elternelents nicht -static- sein darf.
Ja, das ist richtig.
Ich denke, ich habe das im script berücksichtigt.
*g* Nein, das hast Du nicht.
http://www.w3.org/TR/CSS21/visuren.html#choose-position
...
relative
... The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.
...
viele Grüße
Axel
Hallo,
vielen Dank der Tipp war sehr hilfreich.
Aber offenbar muss ich wohl bis css 3.0 warten bis ich das so machen kann wie es mir gefällt.
viele Grüße
Thomas
Hallo,
vielen Dank der Tipp war sehr hilfreich.
Aber offenbar muss ich wohl bis css 3.0 warten bis ich das so machen kann wie es mir gefällt.
Was soll CSS3 da anders machen? Kannst Du das belegen? Das würde mich interessieren.
Lass doch einfach die Tabelle weg.
viele Grüße
Axel