pagina rekbaar maken

[marja]

Hallo, ik ben opzoek naar een script die het mogelijk maakt, zodat een website die bijvoorbeeld 500 px groot is, ook in een schermresolutie van bijvoorbeeld 1280x1024


Hallo, mijn pagina is 550 px groot. Bekijk ik mijn site in een hoge schermresolutie van bijvoorbeeld 1280x1024 dan valt mijn site er klein uit. Nu ben ik opzoek naar een script die de site automatisch vergroot of verkleint zodat bij elke schermresolutie de site volledig in het scherm staat.

Bestaat zo'n script?

Marja

[Remi]

Ik dan moet je met procenten gaan werken. Maar wil je ook dat je lteerype verandert???
Wat je ook overigens kan doen is het een javascriptje gebruiken om te kijken welke resolutie de gebruiker heeft. En dan automatische de css verandert (linkt dan naar andere bestand)

[marja]

[Remi]

[marja]

[KillerSponge]

Dit is een script dat puur de resolutie bekijkt. De output komt in de variabelen width en height.

[code="javascript"]// Schermresolutie check

// voor NN4/IE4
if (self.screen) {
width = screen.width
height = screen.height
}

// voor NN3 w/Java
else if (self.java) {
var javakit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = javakit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
else {

// N2, E3, N3 w/o Java (Opera en WebTV)
width = height = '?'
}[/code]

[marja]

Misschien een domme vraag, maar waar plaats ik die code precies in mijn html?
En moet ik de gehele code plaatsen?

[libia]

plaats hem in je body tussen
<style language="JavaScript>
en
</style>

gwoon het hele script denk ik!

[marja]

Heb het geprobeerd, maar nu zie ik mijn site niet meer, alles is weg..

[libia]

je kan het nog in de body proberen (ook tussen <style language="JavaScript> en </style>) en anders weet ik het ook niet!

[Anthony]

<style language="javascript"> ? dat is nieuw voor me.

[code="html"] <script language="Javascript" type="text/javascript">

</script>[/code]

[libia]

oeps

[marja]

[libia]

[Remi]

Nadat je de schermresolutie weet laat je hem verwijzen naar de CSS voor die resolutie. En die moet je wel helemaal zelf maken.

[KillerSponge]

Ik ben absoluut geen held met javascript, dus ik weet niet helemaal zeker of dit gaat werken

[code="javascript"]if ( width == 1024 )
{
document.write("<link href=\"het_css_bestand_voor_1024-768.css\" type=\"text/css\" rel=\"stylesheet\" />");
}
if ( width == 800 )
document.write("<link href=\"het_css_bestand_voor_800-600.css\" type=\"text/css\" rel=\"stylesheet\" />");
}[/code]

Dit moet je onder het vorige scriptje plaatsen, maar moet nog wel tussen de <script> tags staan. Je kan hier trouwens naar believen regels aan toevoegen

Veel succes :goed:

[marja]

Zo dus:

// Schermresolutie check

// voor NN4/IE4
if (self.screen) {
width = screen.width
height = screen.height
}

// voor NN3 w/Java
else if (self.java) {
var javakit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = javakit.getScreenSize();
width = scrsize.width; 730;
height = scrsize.height; 550;
}
else {

// N2, E3, N3 w/o Java (Opera en WebTV)
width = height = 'dit gedeelte snap ik niet.....'
}

Het vetgedrukte heb ik veranderd.
Mijn site is 730x550

[marja]

Maar alles van mijn site geplaatst in een layer. (ook andere layers) Ik gebruik daarvoor geen css

[KillerSponge]

Je hoeft aan het script niks te veranderen. Je kan dat stuk dat je veranderd hebt dus gewoon laten zoals het was

En als je nog geen css gebruikt, kan je gewoon een css bestand aanmaken

Het enige wat je hoeft te doen is de 2 scripts onder elkaar plakken (het eerste script boven), en vervolgens de css files gebruiken om de breedte/hoogte aan te passen.

[MasthaX]

Wat misschien ook goed werkt is ipv grootes aangeven. Procenten gebruiken example:

height="100%"
widht="100%"

[KillerSponge]

[frizzy]

[libia]

[frizzy]