Rare achtergrond

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Marvin Radioo

Marvin Radioo

01/03/2011 20:45:14
Quote Anchor link
Hallo.

Mijn achtergrond wil niet spreiden over de pagina.
Nu staat hij er 2 keer naast elkaar, ik wil hem gewoon uitrekken.

Ik gebruik deze code:
<body background="" style="background:url('images/bg.png'); background-repeat: repeat-x;">

Die moet toch goed zijn?

Mvg, Marvin
 
PHP hulp

PHP hulp

23/02/2025 07:14:13
 
Wesley PHP

Wesley PHP

01/03/2011 21:12:06
Quote Anchor link
Probeer deze eens.

<body style="background:url('images/bg.png')repeat-x;">
Gewijzigd op 01/03/2011 21:12:48 door Wesley PHP
 
Marvin Radioo

Marvin Radioo

01/03/2011 21:15:18
Quote Anchor link
achtergrond blijft hetzelfde
 
Wesley PHP

Wesley PHP

01/03/2011 21:17:27
Quote Anchor link
Heb je misschien iets met de width gedaan want bij mij doet hij het?

<body style="background:url('images/bg.png')repeat-x; width: 100%">
Gewijzigd op 01/03/2011 21:18:05 door Wesley PHP
 
Marvin Radioo

Marvin Radioo

01/03/2011 21:28:17
Quote Anchor link
hmm. in firefox blijft de afbeelding eigenwijs staan.

Internet explorer kan ik niet zien want doet niet bij mij
 
Wesley PHP

Wesley PHP

01/03/2011 21:29:53
Quote Anchor link
Probeer het eens met CSS
 
Marvin Radioo

Marvin Radioo

01/03/2011 21:41:57
Quote Anchor link
/* main */
body {margin: 0; padding: 0; font-family: Verdana, Tahoma, arial; background; url(images/bg.png); repeat-x; font-size: 8pt; color: #0d1c30;}
html {
height: 100%;
}

Zo heb ik hem in css staan.
Maar dan gebeurt er niks
 
Mar cel

Mar cel

01/03/2011 21:47:06
Quote Anchor link
Een background kan niet uitgerekt worden, alleen repeaten. Je zal het anders moeten aanpakken, hier een goed voorbeeld: http://www.htmlite.com/faqEX004b.html
 
Wesley PHP

Wesley PHP

01/03/2011 22:02:20
Quote Anchor link
Je moe achter background die ; weghalen en ook achter bg.png)
Gewijzigd op 01/03/2011 22:06:23 door Wesley PHP
 
Wouter J

Wouter J

01/03/2011 22:28:28
Quote Anchor link
Wesley PHP op 01/03/2011 21:29:53:
Probeer het eens met CSS

Dit is CSS, alleen dan inline CSS...
Marvin Radioo op 01/03/2011 21:41:57:
/* main */
body {margin: 0; padding: 0; font-family: Verdana, Tahoma, arial; background; url(images/bg.png); repeat-x; font-size: 8pt; color: #0d1c30;}
html {
height: 100%;
}

Gebruik in je code eens wat enters en je ziet dat er veel fout is:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
body {
  margin: 0;
  padding: 0;
  font-family: 'Verdana', Tahoma, arial, sans-serif;
  background; url(images/bg.png); repeat-x;
  font-size: 8pt;
  color: #0d1c30;
}
html {
  height: 100%;
}

Nu zien we meteen dat je background; i.p.v. background: hebt. Daarnaast zien we dat je alles in de background declaration moet samenvoegen, dus de ; tussen url en repeat moet weg.
Externe CSS (via een stylsheet) is de beste methode om CSS te gebruiken, gebruik die methode dan dus ook.
Mar cel op 01/03/2011 21:47:06:
Een background kan niet uitgerekt worden, alleen repeaten.

CSS3 background-size kan dat wel, alleen dit ondersteund door Safari 5 en Chrome.
 
Wesley PHP

Wesley PHP

01/03/2011 22:33:22
Quote Anchor link
Edit: laat maar verkeerd gezien
Gewijzigd op 01/03/2011 22:36:18 door Wesley PHP
 
Mar cel

Mar cel

01/03/2011 22:41:29
Quote Anchor link
@wouter, alleen chrome en safari heb je dus niets aan, moet in elke browser werken. De enigste manier is om een bg div te maken met daarin een afbeelding met 100% hoogte en breedte (<img src="img.jpg" width="100%" height="100%" alt="" />), en daar je content divs overheen positioneren.

Anders heb je nog een jquery oplossing, maar die doet uiteindelijk gewoon het zelfde dacht ik.
Gewijzigd op 01/03/2011 22:42:23 door Mar cel
 

08/03/2011 18:43:54
Quote Anchor link
Probeer deze eens?

body {
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 8pt;
background-image: url(images/bg.png);
background-repeat: repeat-x;
color: #0d1c30;
}
Gewijzigd op 08/03/2011 18:46:07 door
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.