mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 23.10.2014 13:00 Benutzername: Passwort: Auto-Login

Thema: Hintergrundbild Position vom 18.12.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hintergrundbild Position
Autor Nachricht
Zim
Threadersteller

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Di 18.12.2007 15:12
Titel

Hintergrundbild Position

Antworten mit Zitat Zum Seitenanfang

Hallo,

wie nicht anders zu erwarten musste vor Weihnachten ja hier noch was kaputt gehen … in diesem Fall das einzig verbliebene PC System mit dem IE drauf *zwinker* (dem IE unter Linux traue ich nicht so wirklich) und kann nun leider etwas nicht zu ende testen.

Wie auf dem Bild zu sehen gibts ein Hintergrundbild, welches einem Div zugeordnet ist, wobei beide die selbe Größe haben. Wie im Code unten zu sehen ist das Div so eingestellt das, wenn der Inhalt zunimmt, es scrollfähig ist. Natürlich soll das Hintergrundbild immer das Div ausfüllen und nicht mitscrollen, was unter FF und Safari auch wunderbar klappt, nur leider nicht im IE (6 / 7). Änder ich die Position von center auf Koordinaten wird ein häßlicher weißer Rand oben angezeigt.




Code:

div.t3 {
float:left;
width:600px;
background-color:white;
border:none;
height:550px;
overflow:auto;
background-image:url(../templates/images/bg_t3.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:scroll;}



Gibt es eine Möglichkeit den CSS Code so zu schreiben das es in allen Browsern funktioniert?


ZIM
  View user's profile Private Nachricht senden
pixelpapst303
Moderator

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 41
Geschlecht: Männlich
Verfasst Di 18.12.2007 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

background-attachment:fixed;



* Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
kaputt

Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 18.12.2007 16:17
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
background: #fff url('../templates/images/bg_t3.jpg') center top


Zuletzt bearbeitet von kaputt am Di 18.12.2007 16:17, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Zim
Threadersteller

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Di 18.12.2007 16:56
Titel

Antworten mit Zitat Zum Seitenanfang

Ok… danke… mit der Kombination aus beidem funktioniert es im IE (Linux zumindest)… in Safari und FF leider nicht mehr… grmpf … ich hasse es Browserweichen zu verwenden *zwinker*

ZIM


Zuletzt bearbeitet von Zim am Di 18.12.2007 16:56, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
kaputt

Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 18.12.2007 19:28
Titel

Antworten mit Zitat Zum Seitenanfang

Hatte nicht genau gelesen... also ich denke, hiermit sollte es getan sein:

background-color: #fff;
background-image: url('../templates/images/bg_t3.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hintergrundbild fixieren
textauslagern mit hintergrundbild
[CSS] hintergrundbild
tabellen hintergrundbild ...
Hintergrundbild größe
Hintergrundbild einfügen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.