Rådgivning til flere opløsninger

1. Du koder så siden kan skaleres (tabeller + %)2. Du laver siden i fast mål, så den passer i 800x600 og centrerer den
3. Du laver en side der passer til 500.000 forskellige browser størrelser, da du ikke kan være sikker på at din bruger har maksimeret din side.

Og glem alt om at maksimere vinduet automatisk, det er en user-killer....

Det med browserversioner er et mindre problem...det er nemt at tage højde for opera og NN i forhold til IE....

Smid følgende kode ind i et javascript dokument (.js) og gem det som browser.js:


    var agt=navigator.userAgent.toLowerCase();
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);
    var is_nav  = ((agt.indexOf(\'mozilla\')!=-1) && (agt.indexOf(\'spoofer\')==-1)
                && (agt.indexOf(\'compatible\') == -1) && (agt.indexOf(\'opera\')==-1)
                && (agt.indexOf(\'webtv\')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(\";nav\") != -1) ||
                          (agt.indexOf(\"; nav\") != -1)) );
    var is_nav5 = (is_nav && (is_major == 5));
    var is_nav5up = (is_nav && (is_major >= 5));
    var is_ie  = (agt.indexOf(\"msie\") != -1);
    var is_ie3  = (is_ie && (is_major < 4));
    var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf(\"msie 5.0\")==-1) );
    var is_ie4up  = (is_ie  && (is_major >= 4));
    var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf(\"msie 5.0\")!=-1) );
    var is_ie5up  = (is_ie  && !is_ie3 && !is_ie4);
    var is_aol  = (agt.indexOf(\"aol\") != -1);
    var is_aol3  = (is_aol && is_ie3);
    var is_aol4  = (is_aol && is_ie4);
    var is_opera = (agt.indexOf(\"opera\") != -1);
    var is_webtv = (agt.indexOf(\"webtv\") != -1);
    var is_js;
    if (is_nav2 || is_ie3) is_js = 1.0
    else if (is_nav3 || is_opera) is_js = 1.1
    else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2
    else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3
    else if (is_nav5) is_js = 1.4
    else if (is_nav && (is_major > 5)) is_js = 1.4
    else if (is_ie && (is_major > 5)) is_js = 1.3
    else is_js = 0.0;
    var is_win  = ( (agt.indexOf(\"win\")!=-1) || (agt.indexOf(\"16bit\")!=-1) );
    var is_win95 = ((agt.indexOf(\"win95\")!=-1) || (agt.indexOf(\"windows 95\")!=-1));
    var is_win16 = ((agt.indexOf(\"win16\")!=-1) ||
              (agt.indexOf(\"16bit\")!=-1) || (agt.indexOf(\"windows 3.1\")!=-1) ||
              (agt.indexOf(\"windows 16-bit\")!=-1) ); 
    var is_win31 = ((agt.indexOf(\"windows 3.1\")!=-1) || (agt.indexOf(\"win16\")!=-1) ||
                    (agt.indexOf(\"windows 16-bit\")!=-1));
    var is_win98 = ((agt.indexOf(\"win98\")!=-1) || (agt.indexOf(\"windows 98\")!=-1));
    var is_winnt = ((agt.indexOf(\"winnt\")!=-1) || (agt.indexOf(\"windows nt\")!=-1));
    var is_win32 = (is_win95 || is_winnt || is_win98 ||
                    ((is_major >= 4) && (navigator.platform == \"Win32\")) ||
                    (agt.indexOf(\"win32\")!=-1) || (agt.indexOf(\"32bit\")!=-1));
    var is_os2  = ((agt.indexOf(\"os/2\")!=-1) ||
                    (navigator.appVersion.indexOf(\"OS/2\")!=-1) || 
                    (agt.indexOf(\"ibm-webexplorer\")!=-1));
    var is_mac    = (agt.indexOf(\"mac\")!=-1);
    var is_mac68k = (is_mac && ((agt.indexOf(\"68k\")!=-1) ||
                              (agt.indexOf(\"68000\")!=-1)));
    var is_macppc = (is_mac && ((agt.indexOf(\"ppc\")!=-1) ||
                                (agt.indexOf(\"powerpc\")!=-1)));
    var is_sun  = (agt.indexOf(\"sunos\")!=-1);
    var is_sun4  = (agt.indexOf(\"sunos 4\")!=-1);
    var is_sun5  = (agt.indexOf(\"sunos 5\")!=-1);
    var is_suni86= (is_sun && (agt.indexOf(\"i86\")!=-1));
    var is_irix  = (agt.indexOf(\"irix\") !=-1);    // SGI
    var is_irix5 = (agt.indexOf(\"irix 5\") !=-1);
    var is_irix6 = ((agt.indexOf(\"irix 6\") !=-1) || (agt.indexOf(\"irix6\") !=-1));
    var is_hpux  = (agt.indexOf(\"hp-ux\")!=-1);
    var is_hpux9 = (is_hpux && (agt.indexOf(\"09.\")!=-1));
    var is_hpux10= (is_hpux && (agt.indexOf(\"10.\")!=-1));
    var is_aix  = (agt.indexOf(\"aix\") !=-1);      // IBM
    var is_aix1  = (agt.indexOf(\"aix 1\") !=-1);   
    var is_aix2  = (agt.indexOf(\"aix 2\") !=-1);   
    var is_aix3  = (agt.indexOf(\"aix 3\") !=-1);   
    var is_aix4  = (agt.indexOf(\"aix 4\") !=-1);   
    var is_linux = (agt.indexOf(\"inux\")!=-1);
    var is_sco  = (agt.indexOf(\"sco\")!=-1) || (agt.indexOf(\"unix_sv\")!=-1);
    var is_unixware = (agt.indexOf(\"unix_system_v\")!=-1);
    var is_mpras    = (agt.indexOf(\"ncr\")!=-1);
    var is_reliant  = (agt.indexOf(\"reliantunix\")!=-1);
    var is_dec  = ((agt.indexOf(\"dec\")!=-1) || (agt.indexOf(\"osf1\")!=-1) ||
          (agt.indexOf(\"dec_alpha\")!=-1) || (agt.indexOf(\"alphaserver\")!=-1) ||
          (agt.indexOf(\"ultrix\")!=-1) || (agt.indexOf(\"alphastation\")!=-1));
    var is_sinix = (agt.indexOf(\"sinix\")!=-1);
    var is_freebsd = (agt.indexOf(\"freebsd\")!=-1);
    var is_bsd = (agt.indexOf(\"bsd\")!=-1);
    var is_unix  = ((agt.indexOf(\"x11\")!=-1) || is_sun || is_irix || is_hpux ||
                is_sco ||is_unixware || is_mpras || is_reliant ||
                is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd);
    var is_vms  = ((agt.indexOf(\"vax\")!=-1) || (agt.indexOf(\"openvms\")!=-1));
   
if (is_nav5up)
  {
    document.write(\'<link rel=\"STYLESHEET\" type=\"text/css\" href=\"nav5up.css\">\');
  }
  else if (is_nav4)
  {
    document.write(\'<link rel=\"STYLESHEET\" type=\"text/css\" href=\"navigator.css\">\');
  }
  else if (is_ie4up)
  {
    document.write(\'<link rel=\"STYLESHEET\" type=\"text/css\" href=\"explorer.css\">\');
  }
  else
  {
    document.write(\'<link rel=\"STYLESHEET\" type=\"text/css\" href=\"explorer.css\">\');
  }


På din side laver du denne i <HEAD> taggen:

<SCRIPT src=\"browser.js\" type=\"text/javascript\" LANGUAGE=\"JavaScript1.2\">
</SCRIPT>

That\'s it. DU skal selvf. lige lave 3 forskellige stylesheets til de 3 forskellige browsere...opera bruger sammen css som ie..i mit eksempel..

Du skal vel ikke aflæse skærmens størrelse hos brugeren, men vinduets størrelse.
Det er jo ikke os alle, der har browseren kørende i fuld skærm...

my point exactly! *S*

Ja jeg mener selvfølgelig i vinduet ;-)
Men el_barto kan man tage højde for opløsningen og rammer i CSS. PS. 30 ekstra poing for at maile mig de 3 *.css filer på ib@zoe.dk
den side jeg skal lave browser venlig er
www.betania.dk

du kan selv hente min css filer på:
www.datefinder.dk/den_css_fil_du_vil_have.css

Men ret lige selv i dem...tvivler på at farver osv. passer til din side

Flot side men hvordan for jeg fat i dine CSS´er
og havde du en kommentar til det med opløsningen og frame

ok så... højreklik og gem som:

http://www.datefinder.dk/explorer.css

http://www.datefinder.dk/navigator.css

http://www.datefinder.dk/nav5up.css

Har ingen kommentarer til frames...

det med opløsningen findes der sikkert svar på, men det er nemmere fra starten at lave sider der passer i alle opløsninger...

Hente lige nogle flere poing på spørgsmål \"til el_barto\" du får 60 hvis du sender mig filerne på ib@zoe.dk jeg bliver nød til at løbe på arbejde

ok det nåede jeg ikke at se men hent dine poing

Det kan jeg godt se men syntes du så ikke at 1024 x 768 bliver for \"blank\" i siderne ?

Tjoe, men det må man jo leve med...

Du skal hente dine poing på \"Til El_barto\"

Det der med opløsningen kan jeg godt finde ud af men det giver jo 3 af hver browser type, skide irriterende ikk´

El_barto du skal gå ind og svare på \"til el_barto\" og så giver jeg dig nogle poing