autosize pagina - Softwareontwikkeling

zondag 28 december 2003 13:55

Acties:

Topicstarter

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_$

zondag 28 december 2003 13:56

Acties:

TeeDee

CQB 241

onload, javascript, window resizeTo zijn je google woorden.

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

zondag 28 december 2003 13:57

Acties:

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 ]

zondag 28 december 2003 13:58

Acties:

supakeen

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:

body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}

zondag 28 december 2003 14:00

Acties:

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!

zondag 28 december 2003 14:00

Acties:

DarkFire

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

zondag 28 december 2003 14:00

Acties:

André

Analytics dude

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

code:

body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}

Dit is inderdaad wel zo volledig

zondag 28 december 2003 16:19

Acties:

Barbapapa

Topicstarter

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:

body
{ 
 background-image: url("/images/smiley.gif");
 background-repeat: no-repeat;
 background-position: center center
}

zondag 28 december 2003 16:24

Acties:

Harm

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 ]

maandag 29 december 2003 10:10

Acties:

roytanck

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...