zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV Hintergrundbild in zentrierter Tabelle

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.04.2007, 11:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2006
Beiträge: 18
guenterfrosch befindet sich auf einem aufstrebenden Ast
Standard DIV Hintergrundbild in zentrierter Tabelle

Hallo

Ich habe folgendes Problem: Ich habe eine Tablle1, die eine weitere Tabelle2 enthält und diese horizontal und vertikal zentriert. In der zentrierten Tabelle2 habe ich eine Zelle mit einem DIV-Block #inhalt, der ein festes Hintergrundbild enthalten soll.
Code:
#inhalt {
	background-attachment: fixed;
	background-image: url(Bilder/inhalt.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 427px;
	width: 745px;
	overflow: auto;
}
Im FireFox wird das Hintergrundbild aber nicht innerhalb der Zelle zentriert, sondern im ganzen Bildschirm. Im IE klappt es.

Kann mir jemand sagen, wie ich das Hintergrundbild auch im FireFox innerhalb der Zelle zentrieren kann?


Vielen Dank

Geändert von guenterfrosch (09.04.2007 um 14:47 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.04.2007, 12:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Ich habe eine Tablle1, die eine weitere Tabelle2 enthält und diese horizontal und vertikal zentriert.
Das klingt nach Missbrauch von Tabellen fürs Layout. Warum tust du das?
Wenn es dir ums vertikale Zentrieren geht: wirf einen Blick in die FAQ.

Zitat:
Zitat von guenterfrosch Beitrag anzeigen
Im FireFox wird das Hintergrundbild aber nicht innerhalb der Zelle zentriert, sondern im ganzen Bildschirm.
Das ist korrekt. So ist background-attachment:fixed definiert.
Colors and backgrounds | background-attachment
Der IE<7 macht das falsch.

Zitat:
Kann mir jemand sagen, wie ich das Hintergrundbild auch im FireFox innerhalb der Zelle zentrieren kann?
Lass background-attachment:fixed nur den IE<7 sehen.
Wenn ich mich recht erinnere, kommst du aber nicht darum herum, das Scrollen in ein zweites Element zu verlagern, wenn du auch im IE7 ein feststehendes Hintergrundbild haben willst.

Grundsätzlich: CSS-Schnipsel und Screenshots genügen nicht, um ein Problem wirklich nachvollziehen zu können.
Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.04.2007, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2006
Beiträge: 18
guenterfrosch befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Das klingt nach Missbrauch von Tabellen fürs Layout. Warum tust du das?
Wenn es dir ums vertikale Zentrieren geht: wirf einen Blick in die FAQ.


Das ist korrekt. So ist background-attachment:fixed definiert.
Colors and backgrounds | background-attachment
Der IE<7 macht das falsch.

Lass background-attachment:fixed nur den IE<7 sehen.
Wenn ich mich recht erinnere, kommst du aber nicht darum herum, das Scrollen in ein zweites Element zu verlagern, wenn du auch im IE7 ein feststehendes Hintergrundbild haben willst.

Grundsätzlich: CSS-Schnipsel und Screenshots genügen nicht, um ein Problem wirklich nachvollziehen zu können.
Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html

Habe die Tabelle nun mit CSS zentriert.

Wenn ich background-attachment:scroll; setze, funktioniert es im FireFox, aber im IE nicht, wie du es prophezeit hast. Wie kann ich background-attachment:fixed; nur im IE<7 stehen lassen?

Vielen Dank
Mit Zitat antworten
  #4 (permalink)  
Alt 09.04.2007, 13:53
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von guenterfrosch Beitrag anzeigen
Habe die Tabelle nun mit CSS zentriert.
Handelt es sich um tabellarische Daten oder missbrauchst du nach wie vor eine Tabelle fürs Layout?

Zitat:
Wie kann ich background-attachment:fixed; nur im IE<7 stehen lassen?
Google: "Conditional Comments" oder "CSS Hacks".
Mit Zitat antworten
  #5 (permalink)  
Alt 09.04.2007, 14:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2006
Beiträge: 18
guenterfrosch befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Handelt es sich um tabellarische Daten oder missbrauchst du nach wie vor eine Tabelle fürs Layout?


Google: "Conditional Comments" oder "CSS Hacks".

Vielen Dank! Ich habe es mit "Conditional Comments" hinbekommen.
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 22:48
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12
Hintergrundbild in Tabelle Windwalker CSS 6 06.08.2005 15:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:45 Uhr.