22. august 2006 - 22:17Der er
46 kommentarer og 1 løsning
Hvorfor vises indhold ikke?
Hej, jeg har været igang med at eksperimentere med at lave en hjemmeside kun i css, men jeg har et problem - hvorfor er der ikke noget der vises når jeg oploader siden? Jeg har skrevet koden i dreamweaver hvor det vises helt fint i WYSIWYG funktionen. http://www.x-itin.dk/LisCaprioglio/
Danmark vil mindske afhængigheden af globale techgiganter, men det kræver mere end politiske formuleringer og strategier, understreger PROSA’s formand Niels Bertelsen.
I øvrigt bør du indsætte denne DOCTYPE øverst i i dokumentet (helt øverst!): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
body { font: 9pt Tahoma, Courier; background: url(images/BG.gif) repeat; }
... men det med position: fixed er måske ikke det du ville have (IE vs. FF) ... prøv evt. en backup og så en replace fra "position:fixed;" til "" og "position: fixed;" til "" (slet det position: fixed;) ... så kommer IE og FF tættere på hinanden ...
- Har aldrig brugt det fixed placering - og kan ikke se du har behovet for det ... og så overholder IE det heller ikke - Firefox gør ... og det virker lidt som om at du vil have IE's visning (som er forkert da den ikke overholder fixed erklæringen) ... men jeg kan selvfølgelig også tage fejl - og at det skal stå oveni hinanden?
[ I toppen har jeg et topbanner, hvor der er en bar (topbar), der ligger lidt over topbanneret. ] Hvis det er problemet med at Firefox ikke viser indholdet og IE gør er det fordi du bruger css som IE ikke understøtter (position: fixed;) Firefox viser siden som den skal IE gør ikke ... prøver du det jeg siger eller går du ud fra at jeg tager fejl?
... Ellers hvis problemet ikke er at det vises som det skal i Firefox iflg din css og at det vises som det ikke skal i IE - men muligvis som du gerne vil have det til at se ud ... hvad ligger problemet så i ?
Jeg går ikke ud fra at du tager fejl fordi jeg kan ikke se noget i firefox heller, kun teksten. Jeg har nu fjernet "position: fixed;" og teksten er nu flyttet ned i bunden af siden, som den skal i firefox. Det der ikke vises er baggrundsbillederne som sættes i css filen, eller tager jeg fejl?
[ og teksten er nu flyttet ned i bunden af siden, som den skal i firefox. ] Ok, det var så en del af fejlen.
[ Det der ikke vises er baggrundsbillederne som sættes i css filen, eller tager jeg fejl? ] Nej, du tager sikkert ikke fejl i det - men når man ved hvilken fejl man jagter er den lettere at finde (læste 23:07:15 som at teksten skulle rykkes nedad fordi der var reserveret plads til et topbanner - og ikke som et topbanner der manglede ... jagter lige de bannere ...)
heh...det var lidt af en fehler :) men nu vises der da noget...jeg forstår så bare ikke hvorfor grafikken i IE vises med hvid bg når det er gemt i png filer...
Jeps, det er problemet ... prøv kortvarig denne css... men det er ikke løsningen da Firefox så ikke virker ... du skal nok enten have nogle seperate css defineringer til IE eller også skal du bruge scriptet ... men scriptet virker dog ikke til din side - da du har baggrunde og ikke img tags ... så løsningen er nok desværre de specielle styles ... tester lidt - men prøv denne rettelse i IE, for at se at det hjælper:
Tester lige om det virker i Opera og Netscape istedet ... (hvis det nu virker der - behøver jeg jo ikke lede efter noget andet der virker med Opera og Netscape også)
Der var lidt flere baggrunde end jeg troede ... her er mit test stylesheet ... regner med at du ville være fri for at overføre enkeltvis (backup og test)
Yes, den del kan jeg godt se nu ... jeg tror det er fejlen med IE's håndtering af png og at det fra ms ikke gør at png virker helt 100% ... checker lige ...
Næh, har forstået fejlen nu - IE strækker billedet ... det kan ikke sætte png billedet efter hinanden som Firefox gør med baggrunden - det kan det godt - men så gør den det uden filteret ... så enten skal man lave en masse div elementer med den specielle css definering på hvert element eller også skal man lave billedet om så det er en streg uden stiplinger ... (hvis du er træt af IE's png fremvining så er det forståeligt :/ )
- Disse her strækker:
IE standard png visning med filter:<br><br> <DIV ID="oDiv" STYLE="position:absolute; height:23px; width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/top_bar.png', sizingMethod='scale');" > </DIV>
<br><br><br><br>IE standard billede visning<img src="images/top_bar.png" style="width:100%;height:23px;">
... men det kan hurtigt blive en tung side ... så det er måske en god ide hvis du kunne lave de to png striber om der laver problemet - så det bliver png filer ... eller beholde png formatet og fjerne stiplingen ... hvis du laver det om til gif format skal de enkelte css dele lige rettes til de stiplede linjer lige rettes ...
Hvis du vælger gif løsningen som jeg anbefaler (da den nok ikke bliver tungere og du vist ikke bliver halve gennemsigtighed i de to linjer) så er det disse css rettelser:
ja, det vil nok ikke være så godt at gentage det billede flere gange, jeg havde lavet topbar og buttombar i png for at få det til at "flyde" ud i baggrunden, topbaren skulle og gerne gå lidt over topbanneret så topbanneret ikke får den meget skarpe streg for neden. Spørgsmålet er så bare om det ikke går at grafikken bliver strukket som det nu går i IE...
Uhm, indrømmer at jeg ikke lod mærke til grafikken lige fra start af - men det er en del synligt ... det er op til dig selv op du vil køre med det ... men hvis du fjernede de 4 røde prikker i de 2 png filer - ville du ikke få de langtrukne halve streger i IE vs. Firefox - du vil så miste stiplingen i Firefox ...
Kaster lige et svar - tror ikke der er mange andre alternativer end at leve med stregen eller at fjerne de røde px ... Indtil IE 7 kommer :P - jeg mener at png virker der (så vidt jeg husker) ... (IE er 90 % af brugerne så hvis det var min side ville jeg prioritere visningen i IE højt - medmindre jeg var så heldig at 90 % af mine brugere ikke brugte IE ... )
((( P.s.: [ Ja, men det blir nok gif løsningen så :) ] - Det jeg mente var at stregen var grundet de 4 røde px der er i top_bar.png og bottom_bar.png ... uden dem ville de matche hinanden bedre i IE og FF selvom du stadig kører i png format - men, med en gif løsning kan du også lave fremvisningen ens, men ulempen er selvfølgelig at man ikke lige kan skifte farven på ens baggrund :/ )))
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
Ny bruger
Nybegynder
Opret
Preview
