[HTML] Background width van 100% - Softwareontwikkeling

vrijdag 20 september 2002 21:09

Acties:

Verwijderd

Topicstarter

He, ik wil een achtergrond op een HTML-pagina, maar deze moet een width hebben van 100%. Ik heb dus nu deze regel:

code:

1	<body topmargin="0" leftmargin="0" background="hier de image">

Ik heb width al geprobeerd, maar zoals te verwachten werkt dit natuurlijk niet. Weet iemand hoe je dit toch 100% krijgt?

PS: Ik heb echt al de search gebruikt, maar ik krijg het echt niet gevonden! Google helpt ook niet mee

vrijdag 20 september 2002 21:12

Acties:

Spider.007

* Tetragrammaton

IMHO kun je een achtergrond niet op honderd procent zetten; of je moet eens gaan kijken naar style (sheet) oplossingen.

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

vrijdag 20 september 2002 21:15

Acties:

Verwijderd

Topicstarter

Sjit... balen... dan maar zo! THX, slotje!

vrijdag 20 september 2002 21:17

Acties:

Tim

Ik heb het wel eens gezien, maar volgens mij werkte dat met js..

Het is wel voorgesteld voor CSS3, onder background-size geloof ik.. Misschien als je daar op zoekt met google

Linkje gevonden: http://www.w3.org/TR/2002...20020219/#background-size

vrijdag 20 september 2002 21:20

Acties:

Spider.007

* Tetragrammaton

dat voorstel staat dus op http://lists.w3.org/Archi...w-style/1999Feb/0039.html
te vinden door te [google=background-size]
het lijkt echter nog nergens te werken

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

vrijdag 20 september 2002 21:24

Acties:

OkkE

CSS influencer :+

Zo kan het als het alleen voor IE is.

HTML:

<html>
<head>
<title>100% achtergrond</title>
</head>
<body style="margin:0px;">
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1">
    [img]"achtergrond.jpg"[/img]
</div>
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1">
    Alle HTML van je pagina.
</div>
</body>
</html>

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

vrijdag 20 september 2002 21:36

Acties:

nero355

ph34r my [WCG] Cows :P

Probeer is de achtergrond in te voegen met netscape composer maak ik het grootste gedeelte van mijn page's mee

* nero355 izz beginner

|| Stem op mooiere Topic Search linkjes! :) " || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||

vrijdag 20 september 2002 22:56

Acties:

Verwijderd

nero355 schreef op 20 september 2002 @ 21:36:
Probeer is de achtergrond in te voegen met netscape composer maak ik het grootste gedeelte van mijn page's mee

* nero355 izz beginner

het blijft een feit dat er HTML code wordt geschreven. Denk je dus dat het uit zou maken of je Dreamweaver, Notepad, Composer, Hotdog, Homesite, UltraEdit, Editplus, PHPedit, of wat de #$@^$#@#%dan ook zou gebruiken om die HTML in te tikken?

vrijdag 20 september 2002 23:03

Acties:

Verwijderd

OkkE schreef op 20 september 2002 @ 21:24:
Zo kan het als het alleen voor IE is.

bla bla code bla bla

Wij zijn tegen alleen maar IE, alleen maar aan IE en voor IE maken is slecht "programeren"

vrijdag 20 september 2002 23:18

Acties:

Guillome

test

Nee das niet slecht, das slim.
Waarom nou rekening houden met dat te verwaarloze kleine percentage dat wat anders dan IE gebruikt en daarom mooie functies niet te gebruiken.
Nope das nix voor mij.

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

vrijdag 20 september 2002 23:21

Acties:

HunterPro

OkkE schreef op 20 september 2002 @ 21:24:
Zo kan het als het alleen voor IE is.

HTML:

<html>
<head>
<title>100% achtergrond</title>
</head>
<body style="margin:0px;">
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1">
    [img]"achtergrond.jpg"[/img]
</div>
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1">
    Alle HTML van je pagina.
</div>
</body>
</html>

waarom je IMG inpakken in een div? Dit werkt even goed:

HTML:

<html>
<head>
<title>100% achtergrond</title>
</head>
<body style="margin:0px;">
[img]"achtergrond.jpg"[/img]

<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1">
    Alle HTML van je pagina.
</div>
</body>
</html>

overigens:

Verwijderd schreef op 20 september 2002 @ 23:03:
[...]

Wij zijn tegen alleen maar IE, alleen maar aan IE en voor IE maken is slecht "programeren"

slecht programmeren bestaat niet. Als jij ontwerpt voor een intranet (een project waar ik nu mee bezig ben) en je weet dat er alleen IE5 en hoger wordt gedraaid, ga je geen NS4-compatibiliteit inbouwen. Het hangt maar van je situatie af; dit kun je zo niet stellen.

XLerator schreef op 20 september 2002 @ 23:18:
Nee das niet slecht, das slim.
Waarom nou rekening houden met dat te verwaarloze kleine percentage dat wat anders dan IE gebruikt en daarom mooie functies niet te gebruiken.
Nope das nix voor mij.

Klein percentage okee. Maar stel je produceert wél voor het internet; een klein percentage betekent dan nog steeds hele bevolkingsstammen die je site niet kunnen bezoeken. En als jij een zo groot mogelijk bezoekersaantal nastreeft (searchengine, portal, etc) is dat niet handig.

vrijdag 20 september 2002 23:25

Acties:

Verwijderd

Er bestaat altijd een oplossing, ook al is die oplossing om het niet te doen, je website blijft toch bestaan.

Ik moet wel bekennen dat ik NS4 er uit geknikkerd heb

zaterdag 21 september 2002 00:23

Acties:

Verwijderd

|HunterPro| schreef op 20 september 2002 @ 23:21:
[...]

waarom je IMG inpakken in een div? Dit werkt even goed:

HTML:

<html>
<head>
<title>100% achtergrond</title>
</head>
<body style="margin:0px;">
<img src="achtergrond.jpg" border="0" alt=""
style="position:absolute; left:0px; top:0px; width:100%;
height:100%; z-index:-1">

<div style="position:absolute; left:0px;
top:0px; width:100%; height:100%;
z-index:1">
    Alle HTML van je pagina.
</div>
</body>
</html>

[...]

Misschien omdat je niet zomaar content in je <body> mag plempen; er moet een block level element omheen staan

[ Voor 0% gewijzigd door Verwijderd op 21-09-2002 00:24 . Reden: \n's geplaatst ]

zaterdag 21 september 2002 12:52

Acties:

Verwijderd

OkkE schreef op 20 september 2002 @ 21:24:
Zo kan het als het alleen voor IE is.

en zo werkt het ook in Mozilla (zoek de verschillen)

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="margin:0px;">
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1">
    [img]"achtergrond.jpg"[/img]
</div>
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2"> 
  Alle HTML van je pagina. </div>

</body>
</html>

Het is echt niet moeilijk om een pagina X-browser compatible te maken, gewoon een beetje logisch nadenken.