zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Elemente in einer Tabelle positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.07.2013, 12:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.07.2013
Beiträge: 3
Progga befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Benutze in display: block bei td.info, sind die Bilder richtig positioniert, jedoch sind die Zellen der Tabelle dann alle untereinander.

Vielen Dank im Voraus!

Gruß, Daniel
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.07.2013, 12:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.07.2013, 12:56
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 25.07.2013, 13:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.07.2013
Beiträge: 3
Progga befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #5 (permalink)  
Alt 26.07.2013, 16:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.07.2013
Beiträge: 3
Progga befindet sich auf einem aufstrebenden Ast
Standard

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%;
}
In dem Container sind die jeweiligen Elemente mit absoluten Angaben positioniert.
Code:
a.image_info
{
  position: absolute;
  bottom: 7px;
  left: 55px;
  margin: 0;
}
Die Ansicht ist nun in allen Browsern identisch

Nochmals vielen Dank!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:56 Uhr.