Logo vil ikke vises i IE

Utvikling og design Webutvikling
1

Heisann :slight_smile:

Har et problem med en logo som ikke vil vise seg i Internet Explorer, men den kommer opp i feks Google Chrome og Firefox.

Hvis dere ser her: Primaub

Noen som har peiling på hva som kan være feil?

Her har jeg div taggene i css fila, hvor #banner viser til logo bildet og #header setter samme bakgrunnsfarge som logoen har. Hvis det er til noe hjelp :o

#banner { background-image:url(../images/logo4.jpg);
background-repeat:no-repeat; }

#header { width:100%; height:237px;
background-color:#2f393a; }

2

Du har selvfølgelig prøvd:

#banner {background: url(/mapper_fra_rot/images/logo4.jpg) no-repeat;} #header { width:100%; height:237px; background:#2f393a; }

Dersom

er tom kan du prøve å legge noe innhold der, slik:

<div id="banner">&nbsp;</div>

Prøv også å sett høyden og bredden på #banner til det samme som bildet, og sett position til noe annet static (som er default).

3

Det funket desverre ikke.
Må vist bruke .. når jeg angir hvor bilder og tekst finnes i DW.
Å velge en annen position gjor at menyen og logoen plasserte seg alle veier, så tror ikke det har noe med position å gjøre.

Men gode forslag, det skal du ha :slight_smile:
Jeg hater herved Internet Explorer.

4

Hei. Få dokumentet til å validere. Ingenting er bedre en å ha gyldige dokument å lete etter feil i - og det kan godt hende at du får deg noen “a ha” under rettingen. . . [Invalid] Markup Validation of http://www.primaub.com/primaub/ - W3C Markup Validator

5

Det så heller ikke ut til å gjøre susen, poster like greit hele koden som omhandler logoen og headeren:

   	<div id="top">
	
	</div>
    
    <div id="banner">
  
	</div>
	
	<div id="topnav">
		 <ul>
            <li><a href="index.html">Hjem</a></li>
            <li><a href="products.html">Produktet</a></li>
            <li><a href="about.html">Om oss</a></li>
            <li><a href="contact.php">Kontakt oss</a></li>
        </ul>
	</div>

#header { width:100%; height:237px; background-color:#2f393a; }

Headeren er samme bakgrunnsfarge som på logoen.

#banner { width:900px; height:180px; overflow:hidden; margin:0 auto;
background-image:url(../images/logo4.jpg);
background-repeat:no-repeat; }

Her har jeg lagt til logoen ved hjelp av css.
Hvis jeg feks hadde lagt den i banner div’en så vises bare en korrupt fil i nettleseren.
Har dere noen peiling på hva jeg må gjøre anderledes for at IE skal få fram logoen?

Takk for gode innspill fra dere begge, må uansett bli flinkere til og validere siden min :wink:

6

Hva mener du med en korrupt fil, er det bildet du snakker om her dersom du bare legger det rett inn som eller noe sånt.

Har du forsøkt å åpne bare bildet i IE og se at det virker der ?

Dette .jpg bildet er selvfølgelig ikke lagret i CMYK, men i RGB, ettersom IE8 og nedover ikke støtter CMYK i det hele tatt, og du har selvfølgelig husket på cache’n, slik at du ikke løser problemet, men det ikke blir oppdatert fordi du laster bildet fra cache.
Se om det virker med .png eller .gif i stedet?

Hvis noen av elementene i nærheten av bildet har float : left/right, fjern disse og se om det hjelper.

Prøv å sett inn noen tomme div’er for å se om det er “IE position” problemet som er feilen, noe sånt:

[HTML]

<div id="top"></div>
<div></div>
<div id="banner"></div>

<div id="topnav">
     <ul>
            ...............
     </ul>
</div>
[/HTML]

Pass på at disse er static, og at du ikke har noe CSS lurium som :
[HTML]* {position: relative;}
div {position: relative;}[/HTML]

og andre slike generelle regler.

Sjekk at alle elementer er skikkelig lukket, og at det ikke mangler noen anførselstegn osv.
Du validerte vel filen ??

7

Okei, problemet var at IE ikke klarte og åpne logoen når den var lagret i .jpg format.
Det jeg mente med korrupt var at det kom en liten boks opp og et kryss over, altså at den ikke klarte å åpne den.
Men nå lagret jeg den i .png og det funker som bare det :smiley:

Vil takke deg for veldig god hjelp, herlig at det finnes så hjelpsomme mennesker :wink:

Ha en god kveld videre!

8

snodig… hmmm… ok, en mistanke - siden det var en logo, kanskje du hadde klart å lagre den som en CMYK-jpg? vet ikke konkret om akkurat IE har problemer med cmyk-jpg’s, men har vært borti at de har skapt problemer på nettsider før på andre måter.

9

Er ikke helt sikker på hvordan den ble lagret, bare at det var .jpg
En kompis av meg laget logoen men når jeg fikk psd fila å lagret som png så funket det :wink:
Men ja, det var vell CMYK-jpg han hadde lagret den som.

10

Hvis du ser en 27-28 linjer lengre opp så finner du sannsynligvis svaret på akkurat det?

11

så faktisk ikke at du hadde skrevet det, men da er vi tydeligvis enige om hva som sannsynligvis er/var problemet