Autor |
Nachricht |
Zim
Threadersteller
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Di 18.12.2007 15:12
Titel Hintergrundbild Position |
|
|
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 (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
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 18.12.2007 15:23
Titel
|
|
|
Code: |
background-attachment:fixed;
|
|
|
|
|
|
Anzeige
|
|
|
kaputt
Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.12.2007 16:17
Titel
|
|
|
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
|
|
|
|
|
Zim
Threadersteller
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Di 18.12.2007 16:56
Titel
|
|
|
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
ZIM
Zuletzt bearbeitet von Zim am Di 18.12.2007 16:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
kaputt
Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.12.2007 19:28
Titel
|
|
|
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;
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE 6/7 Bug Hintergrundbild
HIntergrundbild mit css
[CSS] hintergrundbild
Verlauf als Hintergrundbild mit CSS
textauslagern mit hintergrundbild
Hintergrundbild fixieren
|
|