Origineel gepost door gast17649

@Stefan

Hopelijk werk jij niet in al je CSS files op deze manier? Dat is dan een hele waslijst vol met css denk ik dan :)

body {
background: #2d2d2d url('../images/bg_fowa.jpg') repeat-x bottom;
}

@Kevin

Als jij een vaste background wil, dan moet je geen background aan de body geven (deze rekt tevens uit naarmate er meer content is..

Wat een oplossing is voor jou.. is een absolute fixed position geven die aan de bottom zit.. (deze zit altijd vast aan de onderkant, of je nou scrollt of niet.)

@Bozkurt,

Gooi je d'r daarna toch de css-shorter plugin van notepad++ over. Vind het fijn om zo te werken, omdat de software (dreamweaver) die ik gebruik het automatisch aanvult.

Ik vind die manier van werken erg fijn, en ben ook niet van plan hem te veranderen ;-)

@gast17649

De image kleefde inderdaad onderaan de browser, ongeachte de afmeting/resolutie.

Nu ik verder met de website bezig ben met ik wel dat wanneer er gescrold moet worden het niet loopt zoals ik zou willen. Dan zou ik ook graag hebben dat deze image blijft kleven tegen onderkant van de browser, maar deze gaat nu mee omhoog.

Is hier een oplossing voor?

Wat een gedoe allemaal..

Boven

Code:

body {
	background:#kleur url(linknaarbestand.png) no-repeat top;
}

Onder

Code:

body {
	background:#kleur url(linknaarbestand.png) no-repeat top;
}

Onder herhaald over X as

Code:

body {
	background:#kleur url(linknaarbestand.png) repeat-x top;
}

Origineel gepost door Robin L

Wat een gedoe allemaal..

Boven

Code:

body {
	background:#kleur url(linknaarbestand.png) no-repeat top;
}

Onder

Code:

body {
	background:#kleur url(linknaarbestand.png) no-repeat top;
}

Onder herhaald over X as

Code:

body {
	background:#kleur url(linknaarbestand.png) repeat-x top;
}

Welja inderdaad, dan kleeft hij onderaan de browser. Maar scrol je naar beneden gaat de image ook naar boven, en ik wil dat hij altijd onderaan staat...

Origineel gepost door kevin simons

Welja inderdaad, dan kleeft hij onderaan de browser. Maar scrol je naar beneden gaat de image ook naar boven, en ik wil dat hij altijd onderaan staat...

Code:

<div id="kleef"></div>

Code:

#kleef {
	background:#kleur url(linknaarafbeelding.ext) no-repeat bottom;
	position:absolute;
	bottom:0px;
	left:0px;
}

Zoiets zou dan wel moeten werken.

Origineel gepost door Robin L

Code:

<div id="kleef"></div>

Code:

#kleef {
	background:#kleur url(linknaarafbeelding.ext) no-repeat bottom;
	position:absolute;
	bottom:0px;
	left:0px;
}

Zoiets zou dan wel moeten werken.

Met bovenstaande code en wat gepruts werkt het met volgende code:

Code:

#kleef {
        background:#kleur url(linknaarafbeelding.ext) no-repeat bottom;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 440px;
	z-index: 1;
}

Met de z-index heb ik de content boven de "kleef" image gekregen maar wilde net zelfde doen met de background image, deze moet ook boven kleef image komen wanneer browser verkleind wordt. Echter wil me dit niet lukken met een z-index te geven aan de body tag :s
Aanvullend bericht:
Opgelost, een div rond alle content geplaatst met z-index en dan lukt ie wel. Bedankt voor alle hulp!