Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:19 Der er 33 kommentarer og
2 løsninger

Mozilla kompatibilitet

Jeg har følgende side;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<HEAD>
    <TITLE>Sinecure</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1">
    <STYLE TYPE="text/css">
    .contentframe {text-align: justify; font-family: arial; font-size: 11px; color: #F7F4DC; margin-left: 70px; scrollbar-3dlight-color: #C8B611; scrollbar-face-color: #CEBD29; scrollbar-shadow-color: #C8B611; scrollbar-highlight-color: #C8B611; scrollbar-darkshadow-color: #C8B611; scrollbar-track-color: #C8B611; scrollbar-arrow-color: #F7F4DC; }
    .indryk {margin-left:15px;}
    </STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" SCROLL="no">



    <TABLE BORDER="0" WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="0">
        <TR>
            <TD>
    <div id="contentframe" style="position: absolute; horizontal-align: middle; vertical-align: middle; height: 570; width: 585; overflow: auto;" class="contentframe">
<P>&nbsp;</P>
<IMG SRC="1_ideen.gif"><BR><BR>
<DIV CLASS="indryk">
Skal laves snarest.
</DIV><BR><BR><BR>
<IMG SRC="2_metoderne.gif"><BR><BR>
<DIV CLASS="indryk">
<B>- Ekstensiv båndbredde og stærke servere:</B><BR>
<BR>
Der bør aldrig tabes en bruger grundet serversvigt, mangel på båndbredde eller anden teknisk årsag. Vi vælger derfor vore samarbejdspartnere udfra erfaring og ydelse i stedet for pris.<BR>
<BR>
<B>- Forståeligt design:</B><BR>
<BR>
Usability er noget der ikke grines af, men tages alvorligt. Det er afgørende for vores succes at brugerne kan i det mindste finde ud af at bruge vore services.<BR>
<BR>
<B>- Gennemtænkt struktur:</B><BR>
<BR>
En gennemtænkt struktur på vore services er også en af de ting der er afgørende for deres overlevelse.<BR>
<BR>
<B>- Velskrevet indhold:</B><BR>
<BR>
Stavefejl, grammatik mangler osv. er ting der gør det irriterende at læse en tekst. Derfor skal vore services også holde en vis standard indenfor dette. Og desuden skal vi altid huske på KISS (Keep It Simple Stupid)<BR>
</DIV><BR><BR><BR>
<IMG SRC="3_udfordringen.gif"><BR><BR>
<DIV CLASS="indryk">
Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR>
<BR>
Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR>
<BR>
(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR>
<BR>
Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR>
<BR>
Eller rettere: "We choose to walk alone."<BR>
</DIV><BR><BR><BR>
<IMG SRC="4_internationalt-perspektiv.gif"><BR><BR>
<DIV CLASS="indryk">
Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR>
<BR>
Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR>
<BR>
(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR>
<BR>
Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR>
<BR>
Eller rettere: "We choose to walk alone."<BR>
</DIV><BR><BR><BR>
<IMG SRC="5_oekonomi.gif"><BR><BR>
<DIV CLASS="indryk">
Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR>
<BR>
Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR>
<BR>
(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR>
<BR>
Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR>
<BR>
Eller rettere: "We choose to walk alone."<BR>
</DIV><BR><BR><BR>
<IMG SRC="6_fremtiden.gif"><BR><BR>
<DIV CLASS="indryk">
Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR>
<BR>
Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR>
<BR>
(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR>
<BR>
Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR>
<BR>
Eller rettere: "We choose to walk alone."<BR>
</DIV></div>
   
        <TABLE BORDER="0" WIDTH="750" HEIGHT="650" CELLSPACING="0" CELLPADDING="0" BGCOLOR="#C8B611" ALIGN="center">
            <TR HEIGHT="536">
                <TD><DIV STYLE="margin-left: 20px;"><IMG SRC="contactinfo.gif"></DIV></TD><TD>&nbsp;</TD></TD>
            </TR>
            <TR HEIGHT="114">
                <TD WIDTH="483">&nbsp;</TD><TD WIDTH="267"><IMG SRC="corner.gif"></TD></TD>
            </TR>
        </TABLE>   
   
    </TD>
        </TR>
    </TABLE>

</BODY>

</HTML>

Som ses sådan i Internet Explorer: www.kwanstudios.com/sinecure_ie.jpg

Og sådan i Mozilla: www.kwanstudios.com/sinecure.jpg

Er der nogle der lige kan fikse den så den passer til Mozilla? :O)
Avatar billede lequet Nybegynder
28. juli 2002 - 14:28 #1
Ser at contentframe er positioneret absolut men der ser hverken ud til at være nogen top eller left sat. Hvorfor ikke bare sætte position : relative ;

<div id="contentframe" style="position: relative; horizontal-align: middle; vertical-align: middle; height: 570; width: 585; overflow: auto;" class="contentframe">

Eller helt fjerne position?
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:28 #2
Du kunne starte med at køre den igennem validator.w3.org

Den er umiddelbart fyldt med fejl så vidt jeg kan se.

Eks.
Det er ikke tilladt at skrive "height" på hverken <table> eller <tr>

Du lukker </td> flere gange end du åbner

å skrives sådan her &aring;

LEFTMARGIN="0" osv. er heller ikke html 4.01
Avatar billede mjl Nybegynder
28. juli 2002 - 14:29 #3
Måske dur dette:


<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Sinecure</TITLE>
<META http-equiv="Content-Type" content="text/html; CHARSET=iso-8859-1"><STYLE type="text/css">.contentframe {text-align: justify; font-family: arial; font-size: 11px; color: #F7F4DC; margin-left: 70px; scrollbar-3dlight-color: #C8B611; scrollbar-face-color: #CEBD29; scrollbar-shadow-color: #C8B611; scrollbar-highlight-color: #C8B611; scrollbar-darkshadow-color: #C8B611; scrollbar-track-color: #C8B611; scrollbar-arrow-color: #F7F4DC; }
    .indryk {margin-left:15px;}</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" scroll="no">
    <TABLE border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
        <TR>
            <TD>
                <DIV id="contentframe" style="position: absolute; horizontal-align: middle; vertical-align: middle; height: 570; width: 585; overflow: auto;" class="contentframe">
<P>&nbsp;</P><IMG src="1_ideen.gif"><BR><BR>
                    <DIV class="indryk">    Skal laves snarest.
                    </DIV><BR><BR><BR><IMG src="2_metoderne.gif"><BR><BR>
                    <DIV class="indryk"><B>- Ekstensiv båndbredde og stærke servere:</B><BR><BR>Der bør aldrig tabes en bruger grundet serversvigt, mangel på båndbredde eller anden teknisk årsag. Vi vælger derfor vore samarbejdspartnere udfra erfaring og ydelse i stedet for pris.<BR><BR><B>- Forståeligt design:</B><BR><BR>Usability er noget der ikke grines af, men tages alvorligt. Det er afgørende for vores succes at brugerne kan i det mindste finde ud af at bruge vore services.<BR><BR><B>- Gennemtænkt struktur:</B><BR><BR>En gennemtænkt struktur på vore services er også en af de ting der er afgørende for deres overlevelse.<BR><BR><B>- Velskrevet indhold:</B><BR><BR>Stavefejl, grammatik mangler osv. er ting der gør det irriterende at læse en tekst. Derfor skal vore services også holde en vis standard indenfor dette. Og desuden skal vi altid huske på KISS (Keep It Simple Stupid)<BR>
                    </DIV><BR><BR><BR><IMG src="3_udfordringen.gif"><BR><BR>
                    <DIV class="indryk">    Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR><BR>Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR><BR>(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR><BR>Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR><BR>Eller rettere: "We choose to walk alone."<BR>
                    </DIV><BR><BR><BR><IMG src="4_internationalt-perspektiv.gif"><BR><BR>
                    <DIV class="indryk">    Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR><BR>Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR><BR>(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR><BR>Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR><BR>Eller rettere: "We choose to walk alone."<BR>
                    </DIV><BR><BR><BR><IMG src="5_oekonomi.gif"><BR><BR>
                    <DIV class="indryk">    Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR><BR>Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR><BR>(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR><BR>Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR><BR>Eller rettere: "We choose to walk alone."<BR>
                    </DIV><BR><BR><BR><IMG src="6_fremtiden.gif"><BR><BR>
                    <DIV class="indryk">    Mange har forsøgt sig. Mange har fejlet. Nogle gik konkurs mens andre faktisk kunne gøre denne kunst rentabel.<BR><BR>Sinecure er kontrasten til hvad andre hidtil har prøvet. Vi vil prøve at glemme pengene, berømmelsen, magten og ikke mindst den fandens højrøvethed man i dag ser fra de nuværende udbydere.<BR><BR>(for)Brugerne burde have kvalme over at høre den ene internet mastodont efter den anden prædike om hvor stor en forskel de gør, også stadig gå konkurs et par måneder efter dette er sagt. Ligesom alle de andre.<BR><BR>Sinecure prøver at distancere sig fra statushierarkier og rangordne. Vi følger ikke vi har lyst til at deltage i den "konkurrence" om hvem der er størst og har flest brugere. Vi ser hellere at vi kan prale af at have de mest glade og mest tilfredse brugere.<BR><BR>Eller rettere: "We choose to walk alone."<BR>
                    </DIV>
                </DIV>
                <TABLE border="0" width="750" height="650" cellspacing="0" cellpadding="0" bgcolor="#C8B611" align="center">
                    <TR height="536">
                        <TD>
                            <DIV style="margin-left: 20px;"><IMG src="contactinfo.gif">
                            </DIV>
                        </TD>
                        <TD>    &nbsp;
                        </TD>
            </TD>
        </TR>
        <TR height="114">
            <TD width="483">    &nbsp;
            </TD>
            <TD width="267"><IMG src="corner.gif">
            </TD>
</TD>
        </TR>
    </TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:31 #4
Når du skriver "hej"

skal det hedde

&quot;hej&quot;

Det gælder sådan set hele din side - der er intet at sige til at mozilla misfortolker din kode.
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:32 #5
så går det da først galt leguet..grunden til det overhovedet er en layer er jo at den skal smides oven på det hele :O) absolute er nødvendig for at holde den topmost.

pelkjaer: det her er alt sammen skitser, og inden det bliver publiceret kan jeg love dig for det bliver gennemtjekket.. der er mange attributer der ikke er tilladte men nødvendige for nutidens webdesigner der ønsker lidt mere end bare standarden. height understøttes på table og tr i langt de fleste browsere, og det er jo heller ikke der problemet er :)
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:34 #6
og nej mjl :)
Avatar billede mjl Nybegynder
28. juli 2002 - 14:34 #7
øv...
Avatar billede lequet Nybegynder
28. juli 2002 - 14:35 #8
Pelkjaer > Det med at bruge specialtegn er ikke helt korrekt

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1">

Denne linie fortæller validatoren at der er tale om vest europæisk tegnsæt bl.a. indeholdende æ,ø og å som dermed ikke skal skrives med specialtegn :)

Kwan > Så brug da z-index :) Men kan kun tilslutte mig pelkjaers forslag, Mozilla følger standarden meget strict, så en validering vil kun hjælpe :)
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:36 #9
Ja, den vil hjælpe generelt, men da ikke med positioneringen af layer'en :)
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:36 #10
"nødvendige for nutidens webdesigner der ønsker lidt mere end bare standarden"

Der må jeg så bare skuffe dig og sige at så er du ikke dygtig nok. Fordi du behøver ikke mere end standarden hvis var dygtig nok - og mht. til din ovenstående kode, kan det da umuligt være en overraskeldse at det ikke virker.
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:37 #11
smider lige en z-index på og ser :) men der er da noget der tyder på at IE og Mozilla har to vidt forskellige opfatninger af CSS's vertical-align attribut?
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:38 #12
pelkjaer: som jeg i mit arbejde siger hverdag, i stedet for at ordkløve og få dig selv til at føle overlegen, så fortæl hvad der skal gøres.. :)
Avatar billede mjl Nybegynder
28. juli 2002 - 14:38 #13
Er der mange (%) der bruger andet end MSIE?
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:39 #14
leguet>>Det er muligt at validateren ikke takserer det som fejl, men den råber højt med advarsler om at det er anbefalelsesværdigt at bruge specialtegn - også med det chartset.
Avatar billede mjl Nybegynder
28. juli 2002 - 14:39 #15
Alle mine statistikker tyder på 98% MSIE!!!!!
Avatar billede lequet Nybegynder
28. juli 2002 - 14:40 #16
mjl > Inden for erhverslivet ER der mange der bruger andet end IE, eftersom mange virksomheder i stigende grad skifter til Linux hvor Mozilla og Konqueror er dominerenede :) Men private bruger hovedsagligt IE
Avatar billede lequet Nybegynder
28. juli 2002 - 14:42 #17
pelkjaer > Må sige at jeg aldrig har set de advarsler, på trods af at jeg validerer min side efter XHTML 1.0 strict, men skal da ikke kunne garantere at jeg bare har overset dem, og så er det jo en alvorlig ting :)
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:42 #18
jaja mjl, men det er altid godt at understøtte minoriteter :)
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:42 #19
kwan>>Det er ikke for at lyde overlegen overhovedet. Og som jeg allerede har sagt, så ret fejlene validateren giver dig. I 99% af alle tilfælde vil det så virke. Gør det ikke det kan man begynde alternative metoder - fx. positionering med javascript.
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:43 #20
lequet>>Min html tidy råbte i hvert faldt højt da jeg kørte siden igennem :)
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 14:44 #21
Kan du ikke uploade siden så man ikke skal sidde og pille teksterne ud af koden?
Avatar billede lequet Nybegynder
28. juli 2002 - 14:45 #22
pelkjaer > OK, kan være fordi jeg aldrig har brugt html tidy :) Men vi må nok heller holde os til dette spm, og stoppe vores spam :)
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:46 #23
jo 2 sek pelkjaer :)
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:47 #24
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 14:56 #25
http://definingform.com/misc/kwan.jpg <- IE 5.2.1 (build 4717) @ Mac OS X
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 15:29 #26
Jeg vil tro dette virker i mozilla (har ikke mozilla), det virker i NS6.

Om det virker på mac ved jeg heller ikke.

http://peterelkjaer.dk/exp/kwan.html
Jeg har ikke ryddet din kode for fejl.
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 15:46 #27
Tjekker den lige på mac, men den virker indtil videre på både mozilla og ie6 :) og som du siger derved også ns6
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 15:48 #28
Mac er der ikke helt endnu; http://definingform.com/misc/kwan2.jpg
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 15:57 #29
Nej den er der *slet* ikke, men det er jeg nu ikke overrasket over.

Hvad man så skal gøre ved det er straks værre.
Den kan jo heller ikke lide 100% på tabellerne..
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 15:59 #30
hmm..måske skulle jeg bare smide det hele i en popup, hvor det jo kan styres med simple top og left attributer i layer'en? så slipper jeg også for at bruge den buggy vertical-align attribut..men synes da du skal have point under alle omstændigheder pelkjaer..lyder 90 til dig og 10 til leguet ikke rimeligt?
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 16:02 #31
Tjo det er op til dig.

Men hvis du kan få tabellen (eller hvad du nu synes) til at stå som den skal i mac, så er jeg sikker på at jeg kan få contentdiv'en med.
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 16:03 #32
Ja, tænker lige lidt på den resten af dagen. Smid et svar, og tusind tak for din hjælp :)
Avatar billede pelkjaer Nybegynder
28. juli 2002 - 16:04 #33
Alright.
Avatar billede kwanstudios Nybegynder
28. juli 2002 - 16:06 #34
Så er det bare at vente på leguet :)
Avatar billede lequet Nybegynder
28. juli 2002 - 16:17 #35
:)
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester