Billeder i stilark

[Jan]

Der er nogle problemer med visning af min side i forskellige browsere. Problemerne er de samme på alle sider, der hvor de ses mest overskueligt er på denne: www.janss/andrea.html

Med IE6 bliver min menu delt op på to linier.

Skrifttypen er ændret.

Under filmklippet er der en hvid "kasse"

Flydestoppet virker ikke ved filmklippet.

Med FF2 er afstanden til vestre for filmklippet dobbelt så stor som ønsket. Til gengæld er teksten så klistret op af klippet.

[Kim Ludvigsen]

Med IE6 bliver min menu delt op på to linier.

Her vises menuen fint i IE6. Men hvis man ændrer tekststørrelsen til større eller størst , går det galt i IE6, mens de andre browsere reagerer korrekt. Må den browser snart dø!

Jeg skal lige have nogle andre til at kigge på siden og komme med forslag.

Skrifttypen er ændret.

Ændret i forhold til hvad?

Under filmklippet er der en hvid "kasse"

Du har lavet en fejl, da du kopierede koden til Flash'en. I koden der skal få IE6 til at lukke øjnene skal der være mellemrum mellem IE og 6, altså:
<!--[if !IE 6]>-->
På grund af det manglende mellemrum bliver koden ikke usynlig for IE6, og derfor forsøger browseren at vises Flash'en to gange. Men da den ikke forstår kode nummer to, vises i stedet en tom kasse.

Flydestoppet virker ikke ved filmklippet.

På hvilken side? Der er ikke et problem på ovennævnte side.

Med FF2 er afstanden til vestre for filmklippet dobbelt så stor som ønsket. Til gengæld er teksten så klistret op af klippet.

Den skal jeg lige have undersøgt lidt nærmere.

[Kim Ludvigsen]

Jeg har fundet en forklaring på den dobbelte menulinje.

Problemet er, at IE6 åbenbart har en anden standardindstilling, når indhold ikke kan være i en boks. I stedet for at lade indholdet gå ud over boksen, udvides boksen. Dit menupunkt Søfartshistorie er for langt, når man vælger en stor tekststørrelse. Det betyder, at boksen udvides i IE6, og dermed skubbes sidste menupunkt ned på næste linje.

Du kan enten give menupunktet et kortere navn, eller du kan vælge at få klippet overskydende tekst væk. Det gøres på følgende vis:

Åbn siden i KompoZer
Åbn css-editoren
Markér stilreglen ul.menuliste li
klik på fanen Boks
Vælg skjult i rullemenuen Overflyd
Klik på OK
Overfør siden

[Jan]

Rigtig mange tak

Må den browser snart dø!

Hehe, sådan tænkte jeg også indtil for få minutter siden, da så jeg at siden vistes rigtigt i IE6. Så nu må den godt leve lidt længere for mig. Men jeg kan nemt have ændret mening inden middag.

Skrifttypen er ændret.

Ændret i forhold til hvad?

Jeg beklager meget, at jeg skrev det spørgsmål. Teksten virkede meget større end den tidligere gjorde, og jeg havde glemt du tidligere har skrevet at man kan ændre størrelsen med CTRL + muserullen. Undskyld.

Du har lavet en fejl, da du kopierede koden til Flash'en. I koden der skal få IE6 til at lukke øjnene skal der være mellemrum mellem IE og 6, altså:
<!--[if !IE 6]>-->
På grund af det manglende mellemrum bliver koden ikke usynlig for IE6, og derfor forsøger browseren at vises Flash'en to gange. Men da den ikke forstår kode nummer to, vises i stedet en tom kasse.

Ja, det er der også. Det kommer meget meget bag på mig at der var fejl i netop den linie. Det er en af de eneste jeg ikke har pillet ved, men det må jeg jo alligevel have gjort.

Flydestoppet virker ikke ved filmklippet.

På hvilken side? Der er ikke et problem på ovennævnte side.

Nu ser jeg heller ingen fejl, underligt.

Jeg har fundet en forklaring på den dobbelte menulinje.

Mange tak, nu vises siden rigtigt i IE6.

[Jan]

Nu har jeg fået det lidt bedre, men absolut ikke optimalt.

Siden vises rigtigt i FF2, og der er skønhedsfejl i IE6, Opera og Safari.

Jeg vil meget gerne vide hvordan den opleves i andre browsere.

Det ses lettest her: www.janss.dk/andrea.html

[Kim Ludvigsen]

Du kan få tjekket siden i næsten alle de browsere, du har lyst til på browsershots.org. Siden laver skærmskud af, hvordan din hjemmeside ser ud i forskellige browsere og i forskellige styresystemer. Du kan såmænd også vælge forskellige skærmopløsninger og antal farver.

http://browsershots.org

Bemærk, at du kan få siden oversat til dansk ved hjælp af rullemenuen øverst til højre på siden.

[Jan]

Mange tak Kim. Det vil jeg prøve.

Efter du forklarede lidt om margin og afstand, gjorde jeg følgende tanke eksperiment:

Jeg tænkte mig til at der uden om om en stilklasse var en (usynlig) firkant. Valgte jeg venstremargin ville den usynlige linie blive flyttet til højre, men indholdet stadig være klistret op af linien. Valgte jeg derimod afstand ville indholdet i klassen blive flyttet til højre i forhold til linien.

Hvis mit tanke eksperiment holder vand, kan jeg nemt forstå at der er forskel på <img> og <objekt>. Når jeg ser flashen i KompoZer er der nemlig to firkanter forskudt for hinanden. Og så er det jo bare at prøve sig frem til man får skudt sig ind på hvilken firkant man skal operere med.

Planen er at jeg arbejder videre i morgen tidligt, finder jeg noget brugbart vender jeg selvfølgelig tilbage.