/ Forside/ Teknologi / Internet / Browser / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Browser
#NavnPoint
Klaudi 20366
molokyle 12124
o.v.n. 8114
miritdk 4839
stl_s 3840
refi 3598
dk 2598
arlet 2470
tedd 2383
10  webnoob 2075
Hjemmeside - visning i forsk. browsere
Fra : poten
Vist : 627 gange
200 point
Dato : 08-12-13 23:55

hvorledes sikrer man sig at en hjemmeside vises præcis som man ønsker det
(som den én gang er lavet) i de forskellige browsere?

Bruger Microsoft Office FrontPage 2003 til at redigere siden...

 
 
Kommentar
Fra : EXTERMINATOR


Dato : 09-12-13 00:24

Til at starte med skal du ihvertfald ikke benytte Frontpage, hvis du vil blive i den boldgade vil jeg foreslå dig at skifte til Microsoft Expression Web: http://www.microsoft.com/en-us/download/details.aspx?id=36179

Det næste er at du vil aldrig kunne garantere 100% at en side vises ens i alle browsere men du kan komme ret tæt på.
Første trin, test for html fejl: http://validator.w3.org/
Når det er iorden kan du teste siden i de forskellige browsere: http://browsershots.org og lave de rettelser der skal til for at siden ser ud som du vil have det.

Kommentar
Fra : bentjuul


Dato : 09-12-13 00:50

Udover det som exterminator har skrevet, skal du sætte dig ind i html samt sørge for at du sætter en doctype for hver side. Uden doctype får du det ikke til at fungere nogenlunde ens i browserne.

Kommentar
Fra : poten


Dato : 09-12-13 00:51


Lynhurtigt svar - jeg vil prøve dine problemløsninger af og vende tilbage

Kommentar
Fra : molokyle


Dato : 09-12-13 07:21

Det er ikke nok at tjekke (X-)HTML koden for evt. fejl da (X-)HTML handler om opmærkning af websidens indhold. Selve layout'et (udseendet) styres med CSS. Derfor bør du også validere din CSS kode:

http://jigsaw.w3.org/css-validator/validator.html.en

Hvis du vil læse mere om udvikling til alle browsere ..på alle platforme: Pc, mobil, tablet osv. så bør du læse lidt om "Responsive Design":

1.) http://en.wikipedia.org/wiki/Responsive_web_design
2.) http://www.softworld.dk/kurser/responsive-design/

Det er kæmpe emne du har kastet dig ud i, så tjek et par hjemmesider om metoderne:

1.) http://www.positioniseverything.net/
2.) http://alistapart.com/article/responsive-web-design/

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 09-12-13 07:24

Ps. Lærerbørger og opslagsværker for en 'hobby' webdesigner der med fordel kan studeres:

1.) http://webdesign101.dk/
2.) http://hjemmesideskolen.dk/
3.) http://w3schools.com/
</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 11-12-13 10:29

Når det kommet til de forskellige versioner af IE, så har Microsft lavet en kommentarfelt's funktion for betingede kommentarer, som dog kun forståes af nyere versioner af IE. Med disse kan du få en nyere IE browser til at vise siden, som den f.eks. så ud i de meget fejlbehæftede IE 5, IE 5.5. , IE 6 og IE 7.

Læs:

1.) http://www.webdesign101.dk/artikler/conditionalcomments.php
2.) http://htx-elev.ucholstebro.dk/wiki/index.php?title=Browser_detektering

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 11-12-13 10:36

Ps. Læg mærke til at der i link 2.) anvises nederst, hvorledes man også kan 'filtrere' de forskellige browser produkter i Javascript, med henblik på at skrive speciel kode for disse andre browsere:
Kode
//Copy and paste this into your code/text editor, and try it

//Before you use this to fix compatability bugs, it's best to try inform the browser provider that you have found a bug and there latest browser may not be up to date with the current web standards

//Since none of the browsers use the browser identification system properly you need to do something a bit like this

//Write browser identification
document.write(navigator.userAgent + "<br>")

//Detect browser and write the corresponding name
if (navigator.userAgent.search("MSIE") >= 0){
document.write('"MS Internet Explorer ');
var position = navigator.userAgent.search("MSIE") + 5;
var end = navigator.userAgent.search("; Windows");
var version = navigator.userAgent.substring(position,end);
document.write(version + '"');
}
else if (navigator.userAgent.search("Chrome") >= 0){
document.write('"Google Chrome ');// For some reason in the browser identification Chrome contains the word "Safari" so when detecting for Safari you need to include Not Chrome
var position = navigator.userAgent.search("Chrome") + 7;
var end = navigator.userAgent.search(" Safari");
var version = navigator.userAgent.substring(position,end);
document.write(version + '"');
}
else if (navigator.userAgent.search("Firefox") >= 0){
document.write('"Mozilla Firefox ');
var position = navigator.userAgent.search("Firefox") + 8;
var version = navigator.userAgent.substring(position);
document.write(version + '"');
}
else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0){//<< Here
document.write('"Apple Safari ');
var position = navigator.userAgent.search("Version") + 8;
var end = navigator.userAgent.search(" Safari");
var version = navigator.userAgent.substring(position,end);
document.write(version + '"');
}
else if (navigator.userAgent.search("Opera") >= 0){
document.write('"Opera ');
var position = navigator.userAgent.search("Version") + 8;
var version = navigator.userAgent.substring(position);
document.write(version + '"');
}
else{
document.write('"Other"');
}

//Use w3schools research the `search()` method as other methods are availible


</MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 177414
Tips : 31962
Nyheder : 719565
Indlæg : 6407823
Brugere : 218875

Månedens bedste
Årets bedste
Sidste års bedste