klein probleem bg achtergrond

**gast10494** · 01-01-2015, 01:18

Beste,

Bij uitzoomen zie ik dat de achtergrond van de site naar links schuift, hoe kan ik de probleem oplossen de achtergrond moet vast blijven zetten.

Kan iemand mij helpen met de code?

Het is een HTML website

Alvast bedankt!

Link

http://theorie-examen-oefenen.com/

**gast10494** · 01-01-2015, 12:10

Niemand!

**gast10494** · 01-01-2015, 17:25

Eventueel tegen een klein vergoeding indien de probleem opgelost kan worden.

**Vanaken Jurgen** · 01-01-2015, 17:25

Kan je even laten zien hoe je uw achtergrond hebt toegevoegd in de CSS.

ik zou het zo doen in css.

Code:

body {
 background-image: url(img/background2.png);
}

**gast10494** · 01-01-2015, 20:24

de achtergrond staat bij images/bg/sky.jpg

Ik heb veel codes uitgeprobeerd niets werkt.

de code van de achtergrond staat bij style als het goed is staat het hieronder ergens tussen.

#site-bg {
width: 100%;
position: fixed;
z-index: 1;
left: 0;
top: 105px;
bottom: 0;
}

#header-toolbar ~ #site-bg {
top: 145px;
}

#site-bg-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 2;
left: 0;
top: 0;
background: url("../images/bg-overlay.png") repeat 0 0;
}

.dm3-scroller {
width: 100%;
margin: 105px 0 0 0;
padding: 60px 0 0 0;
position: relative;
z-index: 3;
}

#header-toolbar ~ .dm3-scroller {
margin-top: 145px;
}

.dm3-scroller-inner > .content {
width: 100%;
float: left;
}

.content > .content-inner {
max-width: 100%;
width: 1060px;
margin: 0 auto;
position: relative;
}

.content-inner > .section {
padding: 60px 0 40px 0;
background: #fff;
}

.content-inner > .section-bg {
background-color: #eee;
}

.content-inner > .section:after {
display: table;
content: '';
clear: both;
}

.content-inner > .content-loader {
width: 100%;
height: 100%;
position: absolute;
z-index: 9998;
left: 0;
top: 0;
background: #fff url("../images/preloader.gif") no-repeat center 200px;
}

.post ul,
.post ol {
margin-left: 20px;
margin-bottom: 20px;
}

.post ul ul, .post ul ol, .post ol ol, .post ol ul {
margin-bottom: 0;

**Marcel van Vrouwerf** · 02-01-2015, 10:45

Niet moeilijk doen met aparte div's voor de background... background voor <html> of <body> gebruiken en daar dan
background-size: cover; gebruiken.

**Arno Tenkink** · 02-01-2015, 11:06

Dit is denk ik de beste oplossing:

Code:

#site-bg {
background: url("../images/bg/sky.jpg") no-repeat;
background-size: cover;
}

PS: zie nu pas dat hierboven ook hetzelfde antwoord gegeven is. Mocht je de divjes niet willen aanpassen kan je dat gebruiken. Al raad ik het wel aan om het wel te doen.

**gast10494** · 02-01-2015, 11:41

Bedankt voor jullie reactie,ik ga kijken of het lukt.

**Wilbert E.** · 02-01-2015, 12:49

Hier staat je antwoord, welke hierboven ook aan is gegeven: http://stackoverflow.com/questions/1...zoom-fixed-css

**raymon de gast** · 02-01-2015, 14:01

Je moet inderdaad background-size: cover gebruiken.

**Vanaken Jurgen** · 03-01-2015, 15:41

Is het nu gelukt? stuur anders via PB uw index en css door dan pas ik ze aan voor u.

**gast10494** · 03-01-2015, 17:11

Hey,

Nee lukt niet! ik heb je net een PM verstuurd.

**Arnold K** · 26-08-2015, 00:18

Inmiddels wel verholpen?

**Wilbert E.** · 26-08-2015, 00:25

Arnold, Dit topic komt uit januari 2015.

klein probleem bg achtergrond