• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div transparente bereiche des hintergrundbilds erscheinen weiss!

Status
Für weitere Antworten geschlossen.

elektro-hueso

Neues Mitglied
Hi liebes Forum,

habe ne html-page mit zum Css: Hintergrundbild, drauf ein <div>-tag ("bg_pic") mit einem png-div-hintergrundbild (mit transparentem verlauf an den rändern).

Obwohl der transparente Verlauf im dw zu sehen ist, zeigen FF und IE es als weissen streifen an (wenn bild normal eingefügt wird, gehts, aber nicht als background-image!)

hier der html-code:

HTML:
<div id="bg_pic" align="right">
          <div ul="ul" id="menu">
              <div id="menu_frame"><span> | <a href="#">Philosophie </a> | <a href="#">Service</a> | </div>
              </div>
        <div id="content">
            <div align="left"><img src="http://www.bla.de/red/&uuml;ber_uns/Strand_PC_Horizont_BREIT.jpg" width="437" height="202" />            </div>
            <div id="text">
              <p align="justify"> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </p>
            </div>
        </div>
      </div>

css:

HTML:
body
{
    margin: 0;
    padding: 0;
    position:relative;
    background: #FFFFFF url('bg1.jpg');
    scrollbar-face-color: #EBEBEB;
    scrollbar-arrow-color: #6D6D6D;
    text-align: center;
}

#bg_pic
{
    margin:0 auto;
    position:relative;
    width: 840px;
    height: 600px;
    background: #FFFFFF url('WebsiteBackgound_Ordner - END.png') left top;
    text-align: right;
    float: right;

}
danke im Voraus für jegliche hilfe!!
lg
 
Hallo

ersetz mal die Zeile:

Code:
background: #FFFFFF url('WebsiteBackgound_Ordner - END.png')

Code:
background-image:url('WebsiteBackgound_Ordner - END.png');

was mich besonders irritiert ist das du nach backround noch #FFFFFF bringst was für die Farbe weiß steht ... das macht doch eigentlich keinen Sinn oder ???

aus demselben Grund würde ich mal die Zeile im Body ersetzen
Code:
background: #FFFFFF url('bg1.jpg');
in
Code:
background-image:url('bg1.jpg');

LG Sebastian
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben