Website achtergrond over hele scherm

[joppie]

Ik ben bezig met een website, maar hoe kan ik een afbeelding over de hele achtergrond krijgen.

Zodat als je achter een groot beeldscherm zit, het hele beeldscherm gevuld is met die achtergrond.

En als je op een kleiner beeldscherm zit, je ook precies die afbeelding ziet, en dus ook het hele scherm gevuld is...

Ik werk met Dreamweaver, dus liever niet met codes komen.

Alvast bedankt

[Galiorix]

Je kan met dreamweaver toch ook gewoon switchen naar code view of het scherm opdelen in code view en die andere view..? Anyway, misschien heb je hier wel iets aan. Anders misschien dit en misschien kan dit ook wel van pas komen.

Bewerkt: 16 oktober 2009 door Galiorix

[Sublime]

LOL,

ik heb dit probleem net opgelost, maarja dit is vrijwel alleen in code geschreven want in dreamweaver zit ik altijd te kloten met dat soort dingen..

Ik kan het je wel uitleggen:

Dit stuk css moet in je style.css zetten (als je die hebt) 4 weken geleden heb ik dit gemaakt ;p.

/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:200%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}

Dan doe je bij je pagina:

<link rel=stylesheet type="text/css" href="style.css">

<div id="bg"><img src="images/achtergrond2.png" width="100%" height="1300px" alt=""></div>

**verplaats achtergrond2.png door jou plaatje voor de achtergrond**

Deze ondersteunt vrijwel elke browser.

[joppie]

EDIT: @ hierboven: ok ik ga dat wel een keer proberen.

Ik ben geen held met codes maar het is altijd te proberen.

--------------

Ok misschien een beetje verkeerd uitgelegd.

Maar het is dus de bedoeling dat als je op de site komt, dat dan de gehele achtergrond die afbeelding is en als je op een pc zit met een groter scherm dat dan die afbeelding ook op die achtergrond staat maar dan wel groter.

Ik werk met div's en dan heb je de container waar alles inkomt te staan, maar achter die container, die achtergrond, daar moet een afbeelding komen die, welk beeldscherm of grootte dan ook, het hele beeld vult.

Zoals dat wit bij gtagames, daar moet bij mij een achtergrond komen die bestaat uit één afbeelding, en moet dus zeg maar uitgerekt worden.

En dus was mijn vraag; hoe doe je dat in Dreamweaver? Hoe stel je dat in?

Bewerkt: 17 oktober 2009 door joppie

[Arjen]

Eén vraag.

Waarom wil je een afbeelding laten uitrekken?

Wat ik begrijp is dat je op een klein beeldscherm een achtergrond-afbeelding wilt en op een groot scherm moet hij er exact hetzelfde uitzien alleen dan uitgerekt.

Je kunt ook een statische achtergrond maken, die altijd op de goeie grootte blijft op welk beeldscherm dan ook.

Hoef je alleen dit aan je CSS-code toe te voegen:

body {
background-image:url(images.jpg); // vervang images.jpg met de juiste afbeelding
}

Bewerkt: 20 oktober 2009 door Arjen