Transparent png i IE6 + lista i IE

Ja din fix säger att alla listor ska floata left i IE. Prova med att specificera den till #nav.
Du ska nog ha no-repeat på din stora bakgrundsbild, ser konstigt ut hos mig i IE...
Såg också att du har normala länkar så du skulle kunna minska din kod med att skriva

a:link {color: #987267;}
a:visited {color: #403028;}
a:hover{color: #b6b6b6;}
a:active {color: #b6b6b6;
.....
<ul>
<li><a href="http://www...osv

Men det var bara ett tips som flög på mig när jag tittade på länkarna ;)
edit/ glöm det jag skrev om ul... tänkte ett steg längre...

Men med dina png-bilder så tror jag att det kan ha att göra med dina marginaler till vänster. Prova med att 0-ställa margin och padding i body och se vart du hamnar då. Kanske det räcker... testa... :)

Tack för hjälpen! Det hjälpte med listan - perfekt.

Däremot hjälpte det inte mina png:s att sätta margin och padding till 0 i body tyvärr... Jag har satt no-repeat på bakgrunden nu, men det är den understa lilla skuggan (skuggabottom.png) som strular till allting (skillnaden är nu bara att det är vitt under istället för bakgrunden igen). De två andra skuggorna på varsin sida syns inte alls.

Det är också konstigt att allt utom den högra skuggan funkar i Firefox. I Safari funkar dock allt perfekt.

Hm... Synd att jag inte riktigt fattar koden i den där iepngfix.htc heller.

Jag använder den här lösningen och den fungerar felfritt.

r\ För att förtydliga det en aning. Du har en div med en bakgrund i, då ska din css se ut så här:

#box {background: url(box.png) no-repeat; height: 100px;}
* html #box {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader([B]enabled=true[/B], src='box.png', sizingMethod='crop');}

Tänk på att wF ändrar enabled-fältet lite, så du får rätta till det ifall du kopierar texten.
r2\ Fast inte om jag gjorde det fetstilt. :p Okay, nu är det bra.

Hm... he he, jag är lite ny på det här (och självlärd via internet) så jag fattar inte riktigt...
Alltså: det är inte bakgrunden som är en transparent png, utan fyra andra bilder. Men du menar kanske att jag ska lägga bilderna var och en som bakgrund i varsin div istället för att ha dem som img i html-koden?

emser skrev:

Hm... he he, jag är lite ny på det här (och självlärd via internet) så jag fattar inte riktigt...
Alltså: det är inte bakgrunden som är en transparent png, utan fyra andra bilder. Men du menar kanske att jag ska lägga bilderna var och en som bakgrund i varsin div istället för att ha dem som img i html-koden?

Okay, då är jag med på vad du menar. Jag kommer inte ihåg hur man skulle placera koden i en img-tag, men jag hade nog lagt bilderna som bakgrund i en div. :)

Det är alltid bra att försöka få bort bilder som inte har någon annan funktion än design från html-koden.
Du skulle t.ex kunna lägga in din skugga bottom i div.main
background:#F0EDDC url(skuggabottom.png) no-repeat bottom;
så blir du kanske av med bottenproblemet i IE också och kan använda silfvers förslag på bilderna

Ok, nu har jag lagt in bilderna som bakgrunder i div:arna istället.
Men jag fattar inte riktigt hur jag ska ändra i den här koden när jag har div.bottomshadow istället för #bottomshadow...

I CSS-koden alltså någonting sånt här...?:

div.bottomshadow {
        background-image: url('skuggabottom.png');
        background-repeat: no-repeat;
        position: absolute;
	top: 640px;
	left: 0px;
        height: 29px;
        width: 650px;
	z-index: 7;
}

* [B]html bottomshadow[/B] {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, [B]src='skuggabottom.png'[/B], sizingMethod='crop');}

Ska jag lägga in den här sista delen efter de andra bilderna också, och ändra till * html skuggavanster etc?

Det funkar inte än så länge, men jag har ju säkert gjort fel :p

Nej, nu funkar det! Hurra!
Allt utom höger-skuggan som inte syns alls varken i FF eller IE, utan bara Safari.

Jag körde på bara iepngfix-metoden och tog bort koden ovan (* html bottomshadow etc...), men jag tog också bort background-repeat: no-repeat för tydligen så är det inte supported i det scriptet.

CSS ser alltså ut såhär nu:

img, div { 
    behavior: url('iepngfix.htc'); 
}

div.bottomshadow {
        background-image: url('skuggabottom.png');
        position: absolute;
	top: 640px;
	left: 0px;
        height: 29px;
        width: 650px;
	z-index: 7;
}

Hurra! Nu ska jag bara fundera ut varför höger-skuggan inte syns alls... Men det ser ju inte helt fel ut i IE längre i alla fall :)

Testa det här:
radera din

<div class="bottomshadow">
<img src="skuggabottom.png" alt="">
</div>

och ändra din div.main till

div.main {
position: absolute;
top: 180px;
left: 23px;
width: 605px;
height: 497px;
background:#F0EDDC url(skuggabottom.png) no-repeat bottom;
z-index: 2;
}
* html #main {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='box.png', sizingMethod='crop');}

Och se vart du hamnar då och om det fungerar :)

OOOps vi var tydligen ute och skrev samtidigt... :)

Det ser ut som din högerskugga bild är trasig på servern... http://www.soulprint.se/skuggahoger.png Är 0px × 0px och 0 kB (0 byte)
Skicka upp den igen...

Haha, ja men tack ändå för lösningen :-)

Jag har laddat upp högerskuggan igen, men den syns fortfarande inte. Hm... konstigt eftersom den syns i Safari.

Din lösning fungerar säker bättre ...:-)

Har du rensat cachen i Safari, för det är fortfarande en tom fil som ligger däruppe. Titta på den i något bildprogram... Tror den kanske kan ha åkt upp som ashii och blivit förstörd

Yes! Tack, du hade rätt!
Jag gjorde om bilden från början igen i Photoshop och laddade upp och nu verkar det funka i IE och FF.

Tack så mycket för hjälpen!

Nej vänta lite...

Sedan jag ändrade i koden för drop down-menyn (för att inte störa den andra listan under "Länkar"):

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

så har menyn börjat blinka i IE, i alla fall IE 6. När man för musen över "Tjänster" så kan man ibland inte komma ner till underlänkarna, för menyn försvinner.

Å vad irriterande, det funkade ju förut! (och funkar som vanligt i FF och Safari...).

Det är någon px som fattas så då får du ta bort 0:ningen i body igen eller skjuta upp dropdownen någon px.

Hm, det funkar inte ändå...

Det verkar som att IE 6 är den enda browsern det inte funkar i. IE 7 funkar bra iaf.

Prova med att lägga margin här:

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-top: -3px;/*testa med -3px först och se*/ 
}