| Autor |
Nachricht |
Zim
Threadersteller
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: 
|
Verfasst Di 18.12.2007 14: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
Moderator
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 35
Geschlecht:
|
Verfasst Di 18.12.2007 14:23
Titel
|
|
|
| Code: |
background-attachment:fixed;
|
|
|
| |
|
|
peBBo
Dabei seit: 08.05.2003
Ort: Duisburg
Alter: 26
Geschlecht:
|
Verfasst Di 18.12.2007 15:17
Titel
|
|
|
| Code: | | background: #fff url('../templates/images/bg_t3.jpg') center top |
Zuletzt bearbeitet von peBBo am Di 18.12.2007 15:17, insgesamt 1-mal bearbeitet
|
|
| |
 |
|
Zim
Threadersteller
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Di 18.12.2007 15: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 15:56, insgesamt 1-mal bearbeitet
|
|
| |
|
|
peBBo
Dabei seit: 08.05.2003
Ort: Duisburg
Alter: 26
Geschlecht:
|
Verfasst Di 18.12.2007 18: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 |
Hintergrundbild fixieren
textauslagern mit hintergrundbild
[CSS] hintergrundbild
tabellen hintergrundbild ...
Hintergrundbild größe
Hintergrundbild einfügen
|
|
Willkommen auf dem Portal für Mediengestalter
