|
|||
Elemente in einer Tabelle positionieren
Hallo,
leider habe ich ein Problem mit dem Positionieren eines Bildes oder Links in einer Tabelle. In allen Browsern wird die Seite korrekt angezeigt, nur in Firefox leider nicht. Dort werden alle Bilder übereinander in nur einer Zelle angezeigt. Das Bild bzw. der Link soll in jeder Zelle der Tabelle unten links in der Ecke angezeigt werden. Folgendes CSS wird dafür benutzt: Code:
table.info { background: #FFFFFF; border-spacing: 3px; margin-left: -3px; margin-right: auto; width: 100%; table-layout: fixed; position: relative; } td.info { height: 250px; border: 4px solid #F4F4F4; border-radius: 8px; /* CSS3 */ -moz-border-radius: 8px; /* Firefox */ -webkit-border-radius: 8px; /* Safari, Chrome */ padding: 20px; background: #F4F4F4; vertical-align: top; overflow: hidden; position: relative; } a.bild_info { position: absolute; bottom: 12px; left: 15px; margin: 0; } Vielen Dank im Voraus! Gruß, Daniel |
Sponsored Links |
|
|||
Hallo,
mit deinen Quellcode- bzw. CSS-Schnipseln kann wohl eher niemand etwas anfangen. Stelle die Seite mal online und poste den Link. Freeware-Provider gibt es heutzutage in ausreichender Menge. Das grundsätzliche Problem scheint aber zu sein, das du eine Tabelle zum Layouten mißbrauchen willst. Gruss MrMurphy |
Sponsored Links |
|
|||
Firefox und IE unterstützen position: relative; nicht bei Tabellenbestandteilen wie Zeilen oder Zellen. In der Folge funktioniert eine absolute Positionierung auch nicht.
Das liegt an einer unglücklichen Formulierung in der Spezifikation.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|||
Zuerst vielen Dank für eure Antworten.
Die Seite ist jetzt unter folgendem Link zu erreichen: Wenn Firefox position: relative; in Tabellen nicht unterstützt, gibt es eine Alternative? Geändert von Progga (26.07.2013 um 16:18 Uhr) |
|
|||
Habe es hinbekommen.
Da "position" in Tabellen nicht funktioniert, habe ich in jede Zellen einen div-container mit folgendem CSS-Code gelegt. Code:
.inner-wrapper { position: relative; height: 100%; width: 100%; } Code:
a.image_info { position: absolute; bottom: 7px; left: 55px; margin: 0; } Nochmals vielen Dank! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE7 ordnet Elemente in Tabelle nicht richtig an | pixel24 | CSS | 1 | 31.08.2010 13:14 |
2 Elemente untereinander - folgendes element ganz oben positionieren | MrBr | CSS | 8 | 19.08.2008 18:53 |
Fußzeile unter Tabelle, bzw. Layer positionieren | Dylan | CSS | 13 | 11.10.2007 17:44 |
4 Elemente im Quadrat mittig positionieren | bolshi | CSS | 7 | 31.05.2007 23:54 |
Div Elemente Positionieren | seb-man | CSS | 6 | 26.03.2006 15:26 |