[Benutzer 4545]

Hallo,

ich habe die anderen Post schon durchgelesen, aber habe leider keine Antwort gefunden die mir hilft, also versuche ich es nochmal über euch.


Ich versuche gerade eine Hotelseite aufzubauen. Das Problem dabei ist es funktioniert alles wunderbar im IE 7 und im Mozilla, aber im IE6 spinnt der total rum. Ich vermute mal da ich es als PNG24 mit Transparenz abgespeichert habe und der IE6 das nicht erkennt. Da ich aber eine Vorgabe habe wie das aussehen soll, habe ich jetzt keine Lust alles nochmal auszuschneiden und als GIF abzuspeichern.

Weiss da einer Rat? das ist meine CSS datei dazu, vielleicht ist es einfacher....


body

{
background-image: url('img/background.jpg');
}

.layout
{
width: 950px;
margin:0 auto;
margin-top:20px;

}

.layout .header .logo
{
width:920px;
height:126px;
background-image: url('img/header/header1.png');
background-repeat: no-repeat;
}

.layout .header .bilder
{
width:920px;
height:98px;
background-image: url('img/header/header2.png');
background-repeat: no-repeat;
margin-left: 0px;
}

.layout .header .mainmenu .left
{
float: left;
height: 46px;
width: 26px;
background-image: url('img/navi/Ecke-links-oben.png');
background-repeat: no-repeat;
}

.layout .header .mainmenu .center
{
float: left;
width: 851px;
height: 46px;
background-image: url('img/navi/background.png');
background-repeat: repeat-x;
}

.layout .header .mainmenu .right
{
float: left;
height: 46px;
width: 27px;
background-image: url('img/navi/Ecke-rechts-oben.png');
background-repeat: no-repeat;
}


.content
{
clear:both;
}


.content .left
{
float: left;
width: 26px;
height: 368px;
background-image: url('img/content/links_rand_content.png');
background-color: white;
background-repeat: no-repeat;
}

.content .center
{
float: left;
width:850px;
height:368px;
background-color:white;
}

.content .right
{
float: left;
width: 26px;
height: 368px;
background-image: url('img/content/rechtsrand_content.png');
background-repeat: no-repeat;
}

.layout .footer
{
clear:both;
}


.footer .left
{
height:67px;
width:26px;
background-image:url('img/footer/Ecke-links-unten.png');
background-repeat:no-repeat;
float: left;
}

.footer .center
{
height:67px;
width:850px;
background-image:url('img/footer/background.png');
background-repeat:repeat-x;
float: left;
}


.footer .right
{
float: left;
height:67px;
width: 27px;
background-image:url('img/footer/ecke-rechts-unten.png');
background-repeat: no-repeat;
float: left;
}

[accessoire]

Der Internet Explorer mit Version 6 abwärts interpretiert PNGs falsch. Du benötigst dafür ein Script, welches dafür sorgt, dass die Transparenzen dargestellt werden. Such mal bei Google oder im Forum nach "PNG Fix".

[Benutzer 4545]

meinste mit Script Java oder VBscript?

das Problem dabei, damit kenne ich mich noch nicht aus gibt es ein Möglichkeit das im CSS umzusetzen ohne Scripte zu nutzen?

[pixelpapst303]

der FIX: http://www.twinhelix.com/css/iepngfix/

möglichkeit ohne fix: gif statt png...

[Benutzer 4545]

mhhh das teste ich nochmal, vielen dank

[m]

[heiko_rs]

Ich setze http://www.satzansatz.de/cssd/tmp/alphatransparency.html ein, da diese Variante auch bei deaktiviertem JS funktioniert.

[rob]