Toon posts:

Background Image 100% 100%

Pagina: 1

Acties:

71 views sinds 30-01-2008
Reageer

dinsdag 23 oktober 2001 16:20

Acties:

Erhnam

het Hardware-Hondje :]

Topicstarter

ik denk voor de meeste een makkie maar ik kom er niet helemaal uit.. Wat ik wil is een background op 100% 100% dus helemaal uitgerekt. Een image op 100% 100% lukt wel maar dan kan je er geen nieuwe plaatjes en tekst over heen zetten.. Dus daarom wil ik een background op 100% 100%...

Hiero is de code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" background="egaal.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</body>
</html>

http://www.xbmcfreak.nl/

dinsdag 23 oktober 2001 16:36

Acties:

rickmans

twittert

moet je even zoeken ik heb zo een script ooit wel gegeven

Don't mind Rick

dinsdag 23 oktober 2001 16:38

Acties:

Verwijderd

html.pagina.nl ofzo

dinsdag 23 oktober 2001 16:41

Acties:

Verwijderd

Heel simpel, volgens mij kan dat niet. Zelfs niet met CSS.

dinsdag 23 oktober 2001 16:43

Acties:

JoeKurr

Past niet in een MiG-21

Ik heb het met layers opgelost.

- een layer met de achtergrond
- een layer met de inhoud

Het is me alleen (nog) niet gelukt om de achtergrond dan static te maken.

Dutch Flanker Display Team
You can't be lost if you don't care where you are

dinsdag 23 oktober 2001 16:55

Acties:

Verwijderd

Als je het echt Quick and Dirty wilt doen, dan zou ik het zo oplossen :

[img]"achtergrond.gif"[/img]

Hiermee gebruik je lekker ordinair een IMG als bg. De z-index geeft aan dat hij op de achtergrond moet blijven.

dinsdag 23 oktober 2001 16:57

Acties:

Verwijderd

Het is me alleen (nog) niet gelukt om de achtergrond dan static te maken.

Misschien met style="position:static;" ?? Het kan wel, maar werkt het ook ? Dat is altijd de vraag bij IE...

dinsdag 23 oktober 2001 16:58

Acties:

JoeKurr

Past niet in een MiG-21

Op dinsdag 23 oktober 2001 16:57 schreef MisterJava het volgende:

[..]

Misschien met style="position:static;" ?? Het kan wel, maar werkt het ook ? Dat is altijd de vraag bij IE...

Bij IE heb je een grotere kans dat het werkt dan bij Netschaap. Wat een wazige browser is dat zeg

Dutch Flanker Display Team
You can't be lost if you don't care where you are

dinsdag 23 oktober 2001 17:02

Acties:

JoeKurr

Past niet in een MiG-21

Op dinsdag 23 oktober 2001 16:55 schreef MisterJava het volgende:
Als je het echt Quick and Dirty wilt doen, dan zou ik het zo oplossen :

[img]"achtergrond.gif"[/img]

Hiermee gebruik je lekker ordinair een IMG als bg. De z-index geeft aan dat hij op de achtergrond moet blijven.

Net ff geprobeerd, maar de afbeelding komt dan voor de tekst te staan (in IE tenminste).
Je moet dus nog een layer maken met de tekst die op z-index 1 staat.

Dutch Flanker Display Team
You can't be lost if you don't care where you are

dinsdag 23 oktober 2001 17:09

Acties:

JoeKurr

Past niet in een MiG-21

code:

<html>
<head>

<style type="text/css">

#achtergrond { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: visible; z-index: 0 }
#voorgrond   { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: visible; z-index: 1 }

</style>

</head>

<body bgcolor="#ffffff">

<div id="achtergrond">

[img]"achtergrond.jpg"[/img]

</div>

<div id="voorgrond">

Hier de inhoud van je pagina

</div>
</body>

</html>

Zo zou het moeten werken

Dutch Flanker Display Team
You can't be lost if you don't care where you are

dinsdag 23 oktober 2001 17:22

Acties:

Erhnam

het Hardware-Hondje :]

Topicstarter

Op dinsdag 23 oktober 2001 17:09 schreef JoeKurr het volgende:

code:

<html>
<head>

<style type="text/css">

#achtergrond { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: visible; z-index: 0 }
#voorgrond   { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: visible; z-index: 1 }

</style>

</head>

<body bgcolor="#ffffff">

<div id="achtergrond">

[img]"achtergrond.jpg"[/img]

</div>

<div id="voorgrond">

Hier de inhoud van je pagina

</div>
</body>

</html>

Zo zou het moeten werken

Is al een begin.. alleen heb je nu een witte balk aan de zijkant.. Margin op 0 zetten kan maar dan heb je onderaan weer een witte balk

En hoe zit het als ik er allemaal tables in ga gooien ? wordt het dan niet een zooitje onder netscape en oude browsers ?

http://www.xbmcfreak.nl/

dinsdag 23 oktober 2001 17:36

Acties:

JoeKurr

Past niet in een MiG-21

Probeer deze pagina eens. Hier gebruik ik dezelfde code als in mijn vorige reply, maar dan om een achtergrond-afbeelding te centreren.
Hiervoor heb ik twee tabellen over elkaar heen gelegd.
(moet er wel bij zeggen dat ik dit niet in Netschaap heb getest)

Dutch Flanker Display Team
You can't be lost if you don't care where you are

woensdag 24 oktober 2001 10:29

Acties:

Erhnam

het Hardware-Hondje :]

Topicstarter

Nee dat is gewoon een grote background image die niet mee beweegt.

http://www.xbmcfreak.nl/

Pagina: 1

Reageer