nicht angemeldet
Guten Tag,
bin mit CSS nicht so vertraut, muss sie jetzt aber doch mal einsetzen:
Es geht da um eine Seite mit einer recht langen Auflistung von Daten, alles Tabellen (<table>).
Ganz unten, in der letzten Tabellenzeile dieser Seite, die am Seitenende andockt, befindet sich jetzt ein Button "History", bei dessen Anklicken eine Infobox nach oben hin aufgehen soll.
Sieht also in etwa so aus:
________________________________________________________________________
-------------------------------------------------------------
Tabellenzeile 1
-------------------------------------------------------------
Tabellenzeile 2
-------------------------------------------------------------
...
-------------------------------------------------------------
Tabellenzeile n
-------------------------------------------------------------
History
-------------------------------------------------------------
________________________________________________________________________
Der Button ist also in eine Tabellenzelle eingebettet.
Formatiert hab ich die Infobox folgendermaßen:
________________________________________________________________________
#infobox
{
position: relative;
bottom: 480px;
right: 10px;
width: 400px;
height: 460px;
background-color: #ffcc00;
text-align:left;
}
________________________________________________________________________
Angezeigt wird sie vereinfach dargestellt so:
________________________________________________________________________
...
<td>
<div id="infobox">
dies und jenes
...
</div>
</td>
...
________________________________________________________________________
Jetzt wird die Box zwar schon an der Stelle in der Form angebaut, wie es sein soll, nämlich direkt oberhalb des Buttons, aber:
Die Tabellenzelle, die diese Infobox über <div> einbindet, wird gleichzeitig auch noch um die Höhe dieser Box aufgebläht und das soll natürlich nicht sein.
Wie muss man die Box jetzt formatieren bzw. einbinden (vielleicht liegt auch da schon das Problem), dass sie zwar immer so wie jetzt auch schon direkt oberhalb des Buttons dargestellt wird, die einbindende Tabellenzelle aber in ihrer Formatierung unberührt bleibt, sodass also keine Aufblähung stattfindet etc.?
(Eine absolute Positionierung bezieht sich bei CSS ja scheinbar immer auf den sichtbaren Bildschirmbereich und nicht auf die ganze Seite, die ja länger sein kann als der Bildschirm anzuzeigen vermag. In manchen Fällen vielleicht praktisch, hilft hier jetzt aber ohne Weiteres nicht.)
Gruß Michi
Marc