Hallo Leute,
ich habe mal wieder ein kleines Problem.
So sieht der Header einer Webseite normal aus:
Normal
So sieht er in IE7 aus.
IE 7
Hat jemand eine Idee, wie ich das ändern kann?
Eingebunden habe ich es so, das untere große Banner:
<div class="bg_bannerheader">blabla</div>
im css:
.bg_bannerheader {
background-position: -6px 8px;
width:960px;
height:130px;
background-image:url(../images/bg_bannerbereich.png);
background-repeat:no-repeat;
}
Das Banner oben rechts:
<div id="registrieren2"><img src="{$my_pligg_base}/templates/wistie/images/registrieren5_alternativ_we.png" border="0" title="newskick.de Die News der Fussballfans!" alt="newskick.de Die News der Fussballfans!" /></div>
Das css dazu:
#registrieren2 {
position:relative; top:61px; left:517px;z-index:1000;
color:#333333;
margin-top: -80px;
width: 309px;
}
Könnte ich jetzt die letzte class nochmal erstellen so in der Art:
#registrieren2 { /*IE7 only*/
position:relative; top:61px; left:517px;z-index:1000;
color:#333333;
margin-top: -80px;
width: 309px;
}
Oder wie soll oder kann man da ran gehen?
ich habe mal wieder ein kleines Problem.
So sieht der Header einer Webseite normal aus:
Normal
So sieht er in IE7 aus.
IE 7
Hat jemand eine Idee, wie ich das ändern kann?
Eingebunden habe ich es so, das untere große Banner:
<div class="bg_bannerheader">blabla</div>
im css:
.bg_bannerheader {
background-position: -6px 8px;
width:960px;
height:130px;
background-image:url(../images/bg_bannerbereich.png);
background-repeat:no-repeat;
}
Das Banner oben rechts:
<div id="registrieren2"><img src="{$my_pligg_base}/templates/wistie/images/registrieren5_alternativ_we.png" border="0" title="newskick.de Die News der Fussballfans!" alt="newskick.de Die News der Fussballfans!" /></div>
Das css dazu:
#registrieren2 {
position:relative; top:61px; left:517px;z-index:1000;
color:#333333;
margin-top: -80px;
width: 309px;
}
Könnte ich jetzt die letzte class nochmal erstellen so in der Art:
#registrieren2 { /*IE7 only*/
position:relative; top:61px; left:517px;z-index:1000;
color:#333333;
margin-top: -80px;
width: 309px;
}
Oder wie soll oder kann man da ran gehen?