Forskellige sider til forskellig opløsning

Jeg ville til enhver en tid foretrække at lave én side der - uden nogen form for ændringer - kørte på alle opløsninger (i målgruppen), men vil du lave ændringer kan du fx lege med lidt javascript a la;

if (window.screen.width == 1280) {
  document.body.style.marginTop = '40px';
} else {
  document.body.style.marginTop = '50px';
}

Hvad med en topmargin der er f.eks. 5% af vinduets højde?

Det sidste lyder spændende el barto . ....

Ved du hvordan man gør el barto ??

Du kunne f.eks. lægge en div ind øverst i din kode:

<div style="background:red;height:5%"></div>

Den røde baggrund er blot for at illustrere hvor meget den fylder ;)

er ikke så skrap til dét med at indsætte koder - gider du skrive hele møllen..?

Der er ikke mer end det her, men hvis du giver et link til din side kan det være jeg kan sige om det vil virke, men umiddelbart skal det bare smides ind efter body tagget.

det virkede men synes ikke det "spiller" rent grafisk...hmmm - kan godt være jeg skal bruge keysersozes metode. Du skal nok få nogle point el barto...

Keyser...hvordan skal koden se ud (all of it!) hvis jeg tager højde for 3 forskellige opløsninger. I dit eksempel viser du kun 1280 px...

oh..du må egentlig gerne også inddrage width-margin i koden for de forskellige opløsninger. Håber på snarlig svar :-)

<script type="text/javascript">
if (window.screen.width == 1280) {
  document.body.style.marginTop = '40px';
} elseif (window.screen.width == 1024) {
  document.body.style.marginTop = '60px';
} else {
  document.body.style.marginTop = '50px';
}
</script>

Jeg kender ikke lige nogen style-attribut der hedder width-margin - så jeg ved ikke om den vil fungere i javascript... men gør det skal du ydeligere indsætte

document.body.style.widthMargin = '10px';

Lige efter de øvrige 3 styles

Hvad med at tjekke vindues indre bredde i stedet?

Skærmens opløsning er jo ikke synderligt interessant.

Eneste ulempe ved nedenstående er at det skal indenfor <body> tagget

<script type="text/javascript">

//opera Netscape 6 Netscape 4x Mozilla
if (window.innerWidth || window.innerHeight){
docwidth = window.innerWidth;
docheight = window.innerHeight;
}
//IE Mozilla
if (document.body.clientWidth || document.body.clientHeight){
docwidth = document.body.clientWidth;
docheight = document.body.clientHeight;
}

bredde = document.body.clientWidth;
hoejde = document.body.clientHeight;

if(bredde >= 750) {
document.body.style.marginTop = '40px';
}

if(bredde >= 950) {
document.body.style.marginTop = '60px';
}

///osv med større opløsninger. Du kan også tjekke på højden hvis det er det der kriteriet for margin.

//widthmargin hedder margin-width :)

</script>

Hmmm...nu har jeg prøvet at sætte keyser'ens kode ind stort set alle mulige steder i nedenstående men uden held :-(

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

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="Adobe GoLive 6">
        <title>:: THE&nbsp;GOICE ::</title>
        <link rel="stylesheet" type="text/css" href="goice.css">
        <bb:menulib c="0">
   






</bb:menulib>
        <script type="text/javascript" src="GeneratedItems/menumachine.js"></script>
        <csactions>
            <csaction name="182ECFA6" class="Open Window" type="onevent" val0="netradio.html" val1="" val2="177" val3="181" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
            <csaction name="182ECFA8" class="Open Window" type="onevent" val0="netradio.html" val1="" val2="177" val3="181" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
        </csactions>
        <csscriptdict import>
            <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
CSAct[/*CMP*/ '182ECFA6'] = new Array(CSOpenWindow,/*URL*/ 'net.html','',177,181,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '182ECFA8'] = new Array(CSOpenWindow,/*URL*/ 'net.html','',177,181,false,false,false,false,false,false,false);

// --></script>
                </csactiondict>
    </head>

beklager mine manglende script-kundskaber.
Jeg benytter mig af et plugin som hedder Menumachine i GoLive - ved ikke om det er dét som konflikter ?

Hmmmm...gav I op drenge ? :-)

javascriptet skal ind mellem <head> og </head>

men det kan jo være der kommer en fejl eller andet og det derfor ikke virker

Det er på denne side jeg ikke kan få keysersoze's script til at virke (?) Hvad gør jeg forkert...

http://www.sezam.dk/Test/test.html

kan ikke se at du har indsat scriptet?

sorry - nu er det indsat. Men virker ikke.

Vil gerne give Jer nogle points for forsøget men jeg vil nu oprette spg.'et påny (med flere points) da jeg har behov for en hurtig løsning...

godt så - det er også en lille fejl... du skal prøve dette i stedet;

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

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <title>::</title>

</bb:menulib>
<script type="text/javascript">
function marginset() {
    if (window.screen.width == 1280) {
        document.body.style.marginTop = '40px';
    }else if (window.screen.width == 1024) {
        document.body.style.marginTop = '60px';
    } else {
        document.body.style.marginTop = '50px';
    } 
}
</script>

    </head>

    <body onload="marginset();">

        asdfasdfad
           
    </body>

</html>