Element relativ über Tabelle platzieren

[Eddie]

Hallo allerseits,

der aktuelle Stand ist folgender: ich habe eine Tabelle (ggf. auch mehrere gleichartige untereinander) und moechte das auch beibehalten. Obwohl also <div>s besser geeignet waeren, will ich die Tabelle behalten. Dies nur vorab :-)

Folgendes will ich erreichen: http://www.umdiewelt.de/screenshot.gif

Und diesen Code habe ich im Augenblick: http://www.umdiewelt.de/test.html.
Unter IE geht's ganz wunderbar, unter Mozilla (1.2b) und Opera (6.01) hingegen werden die Elemente untereinander dargestellt.

Koennt ihr mir sagen, wie ich das angehen muss?

Danke für eure Hilfe,
Eddie

[werbeklaus]

Ich versteh vllt deine frage net richtig, aber das leichteste wäre meiner meinung nach mit einer noch grösseren tabelle mit durchsichtigem rand die alles umschliesst

[Siechfred]

Hallo Eddie.

Folgendes will ich erreichen: http://www.umdiewelt.de/screenshot.gif

Das "Bei Fortsetzungen benachrichtigen" soll auf gleicher Höhe wie die Links zu den Ländern stehen?

Unter IE geht's ganz wunderbar, unter Mozilla (1.2b) und Opera (6.01) hingegen werden die Elemente untereinander dargestellt.

Dein Problem ist im Moment noch nicht reproduzierbar, in IE 6, Opera 7 und Firefox 0.9.1 sieht es gleich aus, das span wird unter den Links angezeigt. Ansonsten gilt, was der Werbeklaus schon sagte, mache zwei Zellen draus, dann sollte die Positionierung kein Problem sein.

Freundschaft!
Siechfred

[Eddie]

Hallo Siechfried,

Das "Bei Fortsetzungen benachrichtigen" soll auf gleicher Höhe wie die Links zu den Ländern stehen?

Nein, etwas unterhalb, so wie in der Graphik. Es soll mittig auf dem Tabellenrand dargestellt werden (also nicht darueber und auch nicht darunter wie bei Mozilla).

Dein Problem ist im Moment noch nicht reproduzierbar, in IE 6, Opera 7 und Firefox 0.9.1 sieht es gleich aus, das span wird unter den Links angezeigt.

Genau so nicht!

Ansonsten gilt, was der Werbeklaus schon sagte, mache zwei Zellen draus, dann sollte die Positionierung kein Problem sein.

Das wird reichlich kompliziert, weil die Länderlinks und der Newsletter-Link nicht auf selber Hoehe sind, der untere Rand der Tabelle aber den Newsletter-Link schneiden muss. (http://www.umdiewelt.de/screenshot.gif)
Wenn ich das mit Tabellen mache, muss ich ganz fies mit colspan und rowspan arbeiten. Gibt's keine andere Moeglichkeit?

Danke für eure Hilfe,
Eddie

[CirTap]

Hallo allerseits,

Unter IE geht's ganz wunderbar, unter Mozilla (1.2b) und Opera (6.01) hingegen werden die Elemente untereinander dargestellt.

welcher IE auch immer... Kann Siechfried nur zustimmen bzgl MSIE 6, im IE5 war da dannauchein 100px breiter block, vielleicht guckstu mit was anderem als wir? <g>

Folgendes macht für mich in IE5/6, Mozi den gleichen optischen Eindruck und scheint das zu sein was du planst.

1. mach aus dem SPAN ein DIV und verschieb es ans Ende des TD-Elements welche den Beschreibungstext enthält (nach dem DIV mit dem "keine Liebesgeschichte")
2. hebel es mit "position:absolute" aus dem normalen Fluss heraus und schubs es mit "margin-top:0.5em" ein wenig nach unten.
3. Klär das mit der "width" und "white-space", denn IE5 ist da andere Meinung. Ich hab dort nen 100px Breiten, mehrzeligen Block gesehen anstelle des "Einzeilers" wie in deinem Screenshot.5. ein Tröpfchen padding-left/right mit 0.4em oder so wäre vielleicht nett für den Abstand von "Bei" und dem Pfeilen zum Rahmen

<div style="
position:absolute; margin-top:1em;
width:200px; white-space:nowrap;
border: 1px solid rgb(175, 183, 207);
background-color: rgb(255, 255, 204);
font-weight:bold; font-size: 13px;">
<a ...>Bei Fortsetzungen benachrichtigen</a>
<a ...><img ...><img ...><img ...></a>
</div>

Viel Spaß,
CirTap

[Eddie]

Hallo CirTap,

danke dir, hat perfekt funktioniert!!!

Eddie