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

Background im IE

BashGrinder

Neues Mitglied
Nabend !

So, trotz browserweiche

Code:
<!--[if gte IE 6]>
 <style type="text/css">
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/ie_template.css" type="text/css" />
 </style>
<![endif]-->

gibt´s im IE kein Background-image. Hatte es anfänglich nur als "background", aber das funktioniert auch nicht - die Seite bleibt weiss...

CSS Ausschnitt der ie_template.css:
Code:
/*Allgemeines Aussehen*/
 body {
   font-size: 13px;
   font-family: Helvetica,Arial,verdana,sans-serif;
   background: url(../images/background3.jpg);
 }

Was mache ich bzw. der IE 8 denn falsch?
 
Werbung:
füge das mal in dein Code:

Code:
background: #00ff00 url('[B]dein_bild.png[/B]') no-repeat fixed center;

hoffe ich konnte dir helfen :-D
 
Werbung:
Liegt die Datei wirklich unter der angegebenen Adresse "../images/background3.jpg"?

Ansonsten mal Link zeigen.
 
Ja, tut sie, einige andere Grafiken werden ja auch angezeigt. Link geht leider nicht, da ich die Website nur lokal bearbeiten und noch nicht freigeben darf !
 
Also wenn man mal davon absieht, dass man eigentlich keine Browserweiche braucht, um eine Hintergrundgrafik einzufügen, gibt es vier Fehlerquellen:

1. Die Browserweiche ist schuld.
2. Der body wird von einem anderen Element mit nicht transparentem Hintergrund komplett überlagert.
3. Die URL zum Bild ist falsch (das lässt sich einfach überprüfen mit Rechtsklick->Hintergrundbild anzeigen)
4. Das Bild ist kaputt.

Welches Problem ist es?
 
Werbung:
Höchstens 2. ....bei einem anderen Beispiel hat es shconmal funktioniert, ich weiss nur nicht mehr, wie ich es gemacht hatte *grübel*
EDIT: Wobei es nicht nur der body ist, auch andere Teile werden nicht angezeigt, andere wiederum schon...

Hiermal ein grosser Teil der CSS Datei:

Code:
/*Allgemeines Aussehen*/
 body {
   font-size: 13px;
   font-family: Helvetica,Arial,verdana,sans-serif;
   background: #000000 url(../images/background3.jpg)fixed;
 }

  #Teil1 {
    width: 100%;
    height: 4em;
    }

  #Teil2 {
    float: left;
    width: 100%;
    }

  #Teil3 {
    float: left;
    width: 100%;
    }

  #Logo {
  border: none;
    margin: 0pt 0pt 1.2em;
    width: 300px;
    height:70px;
    background: url(../images/logo.png);
    float: left;
    }
    /*Farbschema aendern*/
  #Farbschema {
    border: none;
    margin: 0pt 0pt 1.1em;
    background: url(../images/navigation.png);
    float: right;
    width: 11.5em;
    }
   #aendern
    {
     color: #000000;
    margin: 2px;
    font-weight:normal;
    }
/*Breadcrumb*/
  #Breadcrumb {
    border-bottom: 1px solid #000000;
    background: url(../images/navigation.png);
    text-decoration: none;
    font-weight: bold;
    font-size:12px;
    padding: 2px;
}
    #Breadcrumb a{
       font-size:12px;
    color:#000000;
    text-decoration:none;
    font-weight: bold;
}
    #Breadcrumb a:hover{
       font-size:12px;
       color:#000000;
       font-size:12px;
       text-decoration:none;
       background-color:#FFFFFF;
}

/*Navigation*/
  #Navigation {
    background: url(../images/navigation.png);
    float: left;
    width: 15em;
    display:block;
    text-decoration:none;
    font-size:13px;
}

  #Navigation a {
     color:#000000;
     text-decoration:none;
     font-weight: bold;
     font-size:13px;
}

#Navigation a:hover{
    display:block;
       color:#FFFFFF;
       font-size:13px;
       text-decoration:none;
       background-color:#1D1D1D;
}

/*Inhalt*/
  #Inhalt {
    background: url(../images/bg2.png);
    font-size: 13px;
    margin: 0pt 12em 1em 16em;
    padding: 0pt 1em;
}

 #Inhalt a{
    color:#408BD8;
    /**/
    text-decoration: underline;
}

  #Inhalt a:hover{
       color:#ffffff;
       text-decoration:none;
       border-bottom: 1px dashed #ffffff;
 }

 /*Rechte Seite*/
  #RSSFeed {
    margin: 0pt 0pt 1.1em;
    float: right;
    width: 11.5em;
    display:block;
    background: url(../images/navigation.png);
}
  #RSSFeed a{
   padding-left: 2px;
   padding-right:2px;
   color: #000000;
   text-decoration: none;
   font-size: 13px;
}

 #RSSFeed a:hover{
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}

#Footer {
    width: 30%;
    border: none;
    margin: 0pt 0pt 1.1em;
    background: url(../images/footer.png);
    font-size: 11px;
    color: #B6BABD;
    }

In allen browsern ausser dem IE sieht´s korrekt aus....
 
Link komt, sobald alles hochgeladen ist...ich bin dafür sowas von erledigt...

Wie gesagt, es ist ja nicht nur der body, der nicht angezeigt wird, sondern auch andere Elemente. Andere wiederum gehen wie gewollt...

EDIT:
Sooo, da ist die livesite: http://r-krause.de/
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben