Søg
Avatar billede Slettet bruger
11. august 2005 - 16:34 Der er 24 kommentarer og
1 løsning

Hvad virker hvor?

Hej, jeg har nu noget tids erfaring med hjemmesider, men de skal helst virke i både Firefox som Internet Explorer, hvilke koder er det der virker hvor? Hvad skal man bruge for at det kan vises i begge browsere?
Avatar billede roenving Novice
11. august 2005 - 16:38 #1
Tjah, det kunne man skrive mange 1000-siders bøger om, der er ikke andet at gøre, end at tage et udgangspunkt, holde sig til det, og så vide hvilke variationer, man kan lave over det, og hvordan det virker forskellige steder !-)

-- men indexdot-siderne er et godt sted at få en fornemmelse af, hvor ting virker, så prøv at bruge dem:

http://blooberry.com/indexdot/css/index.html
http://blooberry.com/indexdot/html/index.html
Avatar billede terrak Nybegynder
11. august 2005 - 16:42 #2
Hvis du ikke allerede kender http://validator.w3.org så ville det være at godt sted at teste din html kode, for at se om den overholder W3C standarden for doctypen du har defineret i dit html dokument.
Avatar billede Slettet bruger
11. august 2005 - 16:46 #3
Nogen der kan lave så denne tekst også ses godt i Firefox?:

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Project Battlefield 2</title>
<style type="text/css">
<!--
body,td,th {
    font-family: Verdana;
    font-size: 9px;
    color: #000000;
}
body {
    background-color: #4f4f4f;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
<style fprolloverstyle>A:hover {color: #AE9437; font-variant: small-caps; font-weight: bold}
</style>
</head>

<body link="#AE9437" vlink="#AE9437" alink="#AE9437">

<table border="0" width="800" background="Project%20Battlefield%202.jpg" height="480" id="table1">
    <tr>
        <td>
        <div align="left">
            <table border="0" width="130" height="500" id="table2" align="left">
                <tr>
                    <td height="152">&nbsp;</td>
                </tr>
                <tr>
                    <td height="21">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="nyheder.php">Nyheder</a></font></td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="awards.php">Awards</a></font></td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="downloads.php">Downloads</a></font></td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="ligaer.php">Ligaer</a></font></td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="klaner.php">Klaner</a></font></td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="bf_bib.php">BF Bibliotek</a></font></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td height="20">&nbsp;&gt; <font color="#AE9437">
                    <a target="Iframe" href="admin/">Admin</a></font></td>
                </tr>
            </table>
            <div align="right">
                <table border="0" width="670" cellspacing="0" cellpadding="0" height="500" id="table3" align="right">
                    <tr>
                        <td height="129" width="10">&nbsp;</td>
                        <td height="129">&nbsp;</td>
                        <td height="129" width="134">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="15" width="10"></td>
                        <td height="15"></td>
                        <td height="15" width="134"></td>
                    </tr>
                    <tr>
                        <td align="left" valign="top" width="10">&nbsp;</td>
                        <td align="left" valign="top">
                        <iframe name="Iframe" src="iframe.php" marginwidth="2" marginheight="2" height="95%" width="100%" title="Inline|Frame" border="0" frameborder="0">
                        Your browser does not support inline frames or is currently configured not to display inline frames.
                        </iframe></td>
                        <td align="left" valign="top" width="134">&nbsp;</td>
                    </tr>
                </table>
            </div>
        </div>
        </td>
    </tr>
</table>

</body>

</html>


?
Avatar billede roenving Novice
11. august 2005 - 16:49 #4
Ja, jeg glemte jo helt at gøre opmærksom på nogle grundlæggende ting:

1. Brug en fuldt kvalificeret doctype inklusive dtd-link, så opnår du, at de forskellige browsere i højest mulig grad tager udgangspunkt i de samme regler for tolkning af f.eks. css !-)

2. Valider altid dine dokumenter, men vær opmærksom på, at en validator ikke kan gennemskue, om din kode er noget vrøvl, men kun om den er opbygget korrekt (ligesom en stavekontrol kun kan checke stavningen og evt. gramatikken, men ikke om en sætning giver mening !o]

3. Test dine dokumenter løbende, så du ikke lige pludselig løber ind i et problem, som du ingen chance har får at tracke, fordi du har skrevet rigtig mange linjers kode uden at teste ...
Avatar billede roenving Novice
11. august 2005 - 16:50 #5
4. Skriv som grundlag kode i mindst html4-strict kompatibelt format, men brug ikke nødvendigvis den doctype ...
Avatar billede apo Praktikant
11. august 2005 - 16:54 #6
"Skriv som grundlag kode i mindst html4-strict kompatibelt format, men brug ikke nødvendigvis den doctype ..."

Hmm... Nogen forklaring på, at man ikke nødvendigvis bør bruge:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

men i stedet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

?
Avatar billede apo Praktikant
11. august 2005 - 16:56 #7
Rettelse: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
Avatar billede roenving Novice
11. august 2005 - 16:57 #8
Fordi Transitional tillader at man benytter sig af en enkelt 'gammel' kode hist og pist, hvis man har et behov, som der ikke er grund til at ofre mange kræfter på !-)

-- iøvrigt er dit strict-tag forkert, for der skal selvfølgelig ikke stå Transitional i det !o]
Avatar billede apo Praktikant
11. august 2005 - 16:58 #9
too slow ;-)

Okay, så det er forklaringen.
Avatar billede olebole Juniormester
11. august 2005 - 19:27 #10
<ole>

- og vælger du alligevel at skrive i 'Strict' - og vælger at bruge denne DTD, behøver du ikke defunitions-URL'en. Det er kun ved brug af 'Transitional'-DTD, den er nødvendig for at få IE til at te sig pænt  :)

... men URL'en kan til gengæld aldrig skade  ;o)

/mvh
</bole>
Avatar billede Slettet bruger
11. august 2005 - 20:21 #11
så:

...head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Project Battlefield 2</title>...


vil gøre at siden ses godt i både FF og IE ?
Avatar billede roenving Novice
11. august 2005 - 22:22 #12
-- nu er et windows-charset nok ikke det bedste udgangspnkt for en amsse firefoxer, men sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; iso-8859-1">
<title>Project Battlefield 2</title>...

-- vil betyde, at browserne tager udgangspunkt i de samme regler for visning ...

-- men din side (er den lavet i FrontPage ?-), overholder ikke engang grundreglerne for html3.2, så der skal laves en hulens masse om, hvis den skal kunne køres ordentligt af nutidige browsere (nå, ja, lige undtaget IE i quirks-mode !-)
Avatar billede olebole Juniormester
12. august 2005 - 00:34 #13
- og så tror jeg, roenving overså en detalje i din kode ... nemlig at DTD'en skal stå som det allerførste i dit dokument:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; iso-8859-1">
<title>Project Battlefield 2</title>...

- eller:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; iso-8859-1">
<title>Project Battlefield 2</title>...
Avatar billede roenving Novice
12. august 2005 - 00:38 #14
Tjah, når man forsøger at prioritere, flyver en af finkerne jo ikke af pandenhver gang !-)
Avatar billede olebole Juniormester
12. august 2005 - 00:42 #15
- men nogen gange mod panden ... jatak, jeg kender det!  ;D
Avatar billede olebole Juniormester
12. august 2005 - 00:44 #16
... og vi, der endnu med skræk husker vort bardoms 1. Juledagsbords finker, ved, at en portion af dem i panden ikke er et kønt syn!  *LooL*
Avatar billede busschou Praktikant
12. august 2005 - 10:06 #17
rapsac >> er du kommet videre i spørgsmål http://www.eksperten.dk/spm/621497 ?
Avatar billede Slettet bruger
12. august 2005 - 16:40 #18
Hvilket program kan i så anbefale at lave HTML i?
Avatar billede roenving Novice
12. august 2005 - 16:46 #19
Notesblok/Notepad !o]

-- jeg bruger selv Stone's WebWriter, men aldrig det grafiske interface, for det er en Windows-komponent, som, ligesom de komponenter, der bruges i f.eks. FrontPage og Visual Studio, ikke kan finde ud af at skrive html årgang 2005, men gør det (endda med en hel del fejl !-) anno 1995 ,-(

-- så fordelen ved at bruges Stone's er alene, at jeg har direkte adgang til et hurtigt kig i forskellige browsere,hvor Notepad-løsningen betyder, at du selv skal klare det, som editoren gør automatisk, nemlig oprette en fil og referere til den !-)

-- jeg har hørt godt om tsw, men den kender jeg ikke ...

-- hvis du insisterer på et grafisk interface, så er DreamWeaver nok en af de mindre ringe, alene af den grund, at den ikke selv finder på at gøre noget ved den kode, som du selv har skrevet ...
Avatar billede roenving Novice
12. august 2005 - 16:47 #20
-- og det hører da med, at både Stone's og tsw er danske og gratis til personligt brug !-)

www.webwriter.dk
www.tsw.dk
Avatar billede Slettet bruger
12. august 2005 - 18:07 #21
Tak for svarene, prøver at hitte ud af noget!
Avatar billede Slettet bruger
24. marts 2007 - 11:27 #22
roenving - busschou - olebole - svar anyone? :P
er igang med at lukke alle mine gamle tråde
Avatar billede roenving Novice
25. marts 2007 - 22:14 #23
Oki '-)
Avatar billede roenving Novice
25. marts 2007 - 22:55 #24
Tak for point ;~}
Avatar billede Slettet bruger
25. marts 2007 - 23:08 #25
så lidt :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »