Webdesign für IE 7?

[baerwurz]

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?

 

[Nicolas Glauser]

background-position: -6px 8px; hier finde ich die -6px komisch? anderes Problem könnten Leerzeichen oder Zeilenumbrüche sein.

 

[I-A-N]

???

Seeeehr seltsam. Ich sehe die Seite mit den letzten Browsern unter anderem IE 6 und 7, OHNE (&#33 diesen Fehler!!!

Nebenbei angemerkt: @Glauser Das ist nicht komisch, das ist nur "unsauber".

Ich vermute den Fehler (falls der noch vorhanden ist), dass mehrere Kodierungsfehler vorliegen.
Evtl. liegts auch nur am CSS-Code. Ich würde es mal checken... valide -> bei google eintippen..

LG

 

[threadi]

Zudem bist Du auf dem einen Screen eingeloggt, auf dem anderen nicht. Dadurch ergeben sich auch jeweils unterschiedliche HTML-Codes die wir hier auch nicht zu Gesicht bekommen haben.

 

[Jürgen Auer]

Ich bin ja nicht so der Designer.

Aber wenn ich mir die beiden Versionen ansehe, dann würde ich das nicht in zwei Grafiken aufteilen, die dann übereinander postiert werden, sondern das bei einer Grafik belassen.


Und wenn es schon partout zwei Grafiken sein müssen, dann möge man mich jetzt zwar steinigen - aber dann würde ich die eine Grafik in zwei Teile zerlegen und diese über eine Blindtabelle positionieren.