Archief - CSS: footer image laten herhalen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

Spacy2003

Legacy Member
Ik wil graag een image van 900*1 px laten herhalen tot op het einde van het bereik van je browser.

Nu ik heb al een stuk van de code:

Code: 
#footer {
	background-image: url(images/bg_24.gif);
	background-repeat: repeat-y;
	background-position: center;
        }

en in de body code plaats ik dan:

Code: 
<div id="footer"></div>

maar als ik de code in de body plaats en dan in mijn browser ga kijken of het werkt blijft mijn browser gewoon grijs (mijn bgcolor) er komt dan helemaal niets op (geen images geen *.swf files).

link v/d site: http://users.pandora.be/I--XoNoN--I/directfusion/valid
link van image dat gerepeat moet worden: http://users.pandora.be/I--XoNoN--I/directfusion/valid/images/bg_24.gif

Help plz

grtz Kristof ;)
t

tikketim

Legacy Member
uw site is ofline :s

mss moet ge proberen met een image die minder lang is
grtz tim
S

Spacy2003

Legacy Member
tikketim zei:
uw site is ofline :s

mss moet ge proberen met een image die minder lang is
grtz tim
Klik om te vergroten...

ja was er nog wat schooheidsfoutjes van de code aan het uithalen (zitten er nog in hoor :p ) is ondertussen terug online ;)

hmm zou tog normaal moeten werken hoor 900px breed en 1px hoog.
S

Spacy2003

Legacy Member
Probbie is opgelost ;)

Code: 
body {
	background-color: #DFDFDF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_1.gif);
	background-repeat: repeat-y;
	background-position: center;
}

Heb gewoon die image genomen en dat in de body style gesmeten
Alles zou normaal moeten werken zowel in IE & Firefox.

Zou iedereen die dit leest eens willen checken als het doorloopt tot op het einde van het browser bereik (zonder scrollbar). Liefst ook mensen met een resolutie boven de 1024*768 ;)

URL: http://users.pandora.be/I--XoNoN--I/directfusion/valid

thnx ;)
b

b0bbY

Legacy Member
werkt prima hier. IE6.0 op 1024*768

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

kan korter -> margin:0px ; :)

grtz
b

b0bbY

Legacy Member
ru`orez zei:
kan nog korter

margin:0;

toch weer 2 bits gespaard :p
Klik om te vergroten...

0 wat? patatten? bloemkolen? ...?

'px' moet er wel degelijk bij! Het zal wel werken zonder maataanduiding ook, in IE dan toch - en dat zegt genoeg- maar helemaal correct is het niet!
S

Spacy2003

Legacy Member
b0bbY zei:
0 wat? patatten? bloemkolen? ...?

'px' moet er wel degelijk bij! Het zal wel werken zonder maataanduiding ook, in IE dan toch - en dat zegt genoeg- maar helemaal correct is het niet!
Klik om te vergroten...

idd thx voor de tip :p maar zoals bovenstaande topic al duidelijk maakt "px" moet er altijd bij.

test maar eens en zie de gevolgen van een andere eenheid ;)

Code: 
<style type="text/css">
body {
margin: 5[B]px[/B];
}
</style>
en dan dit:

Code: 
<style type="text/css">
body {
margin: 5[B]cm[/B];
}
</style>
t

tikketim

Legacy Member
toch wel speitig dat je layout zich nieet aanpast aan de resolutie (800*600 hier)

grtz Tim
z

zero2one

Legacy Member
en waarop zou er bij een waarde 0 een maateenheid moeten staan?

zie de W3C css definities :

6.1 Length units

The format of a length value is an optional sign character ('+' or '-', with '+' being the default) immediately followed by a number (with or without a decimal point) immediately followed by a unit identifier (a two-letter abbreviation). After a '0' number, the unit identifier is optional.
Klik om te vergroten...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan