autosize pagina

Pagina: 1
Acties:

  • Barbapapa
  • Registratie: Maart 2002
  • Laatst online: 08-07-2024
Ik heb een html -pagina gemaakt met een background van 800x600 (*.jpg).
Wanneer deze pagina geladen wordt op een scherm (1024x768) gaat de
pagina zich herhalen. Bestaat er een mogelijkheid dat wanneer deze pagina
geladen wordt op scherm met instelling groter dan 800x600 m.b.v. een
zg. autosize de pagina zich automatisch aanpast aan de grootte van het scherm ?

bvd. _/-\o_

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 13:39

TeeDee

CQB 241

onload, javascript, window resizeTo zijn je google woorden.

Heart..pumps blood.Has nothing to do with emotion! Bored


  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

Je kunt niet on-the-fly een background resizen, wat wel kan is een plaatje als achtergrond zetten en die resizen maar dat is een brakke oplossing.

In je stylesheet kun je bij de body dit nog even neerzetten:
background-repeat: no-repeat;

Als het puur om je browserscherm gaat:
<body onload="window.resizeTo(800,600);">

[ Voor 15% gewijzigd door André op 28-12-2003 13:58 ]


  • supakeen
  • Registratie: December 2000
  • Laatst online: 09-09-2025
André schreef op 28 december 2003 @ 13:57:
Je kunt niet on-the-fly een background resizen, wat wel kan is een plaatje als achtergrond zetten en die resizen maar dat is een brakke oplossing.

In je stylesheet kun je bij de body dit nog even neerzetten:
background-repeat: no-repeat;
code:
1
2
3
4
5
6
body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}

  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

Naar mijn idee mag je alles binnen de browser gebruiken, maar van de grote hoor je af te blijven, das alleen maar irritant.

Huur mij in als freelance SEO consultant!


  • DarkFire
  • Registratie: November 2003
  • Laatst online: 26-04 15:23
dan moet je hem in een tabel maken, en die tabel geef je de grote 100%, en dan past die zich automatische aan als je hem op een andere resolutie opent, alleen blijft jou plaatje wel op 800x600 pixels

  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

courvoisier schreef op 28 december 2003 @ 13:58:
[...]

code:
1
2
3
4
5
6
body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}
Dit is inderdaad wel zo volledig ;)

  • Barbapapa
  • Registratie: Maart 2002
  • Laatst online: 08-07-2024
Ik heb dit zo overgenomen in mijn sheet maar het gaat niet zo als ik graag zou willen. Moet ik ook de acculades , en dubbele punten overnemen ?
courvoisier schreef op 28 december 2003 @ 13:58:
[...]

code:
1
2
3
4
5
6
body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}

  • Harm
  • Registratie: Mei 2002
  • Niet online
Valk schreef op 28 december 2003 @ 16:19:
Ik heb dit zo overgenomen in mijn sheet maar het gaat niet zo als ik graag zou willen. Moet ik ook de acculades , en dubbele punten overnemen ?
Ja, die moet je ook overnemen. Ze staan er niet voor niets ;). Bdw, op W3Schools.com kun je meer vinden over CSS en onder andere hoe je het toepast in je HTML :).

[ Voor 1% gewijzigd door Harm op 28-12-2003 16:25 . Reden: BTW ]


  • roytanck
  • Registratie: Oktober 1999
  • Laatst online: 12-05 15:11
code:
1
2
3
<div style="postion:absolute; width:100%; height:100%;">
[img]"test.jpg"[/img]
</div>


Dit werkt bij mij (IE6) wel. De layer moet je nog ff positioneren en natuurlijk krijg je een gescalede plaat, wat niet echt heel mooi is...
Pagina: 1