CSS Help

[Colin-Roberts]

How i make this so it doesnt repeat and is centered:

   background: #FFFFFF url(style_images/<#IMG_DIR#>/forum.PNG);

[RYANNNNN]

center {
background-image: ('forum.PNG');
top: 500px;
left: 250px;
}

Something like that, I don't really know css that well.

[nets]

body {
background: #FFFFFF url('style_images/<#IMG_DIR#>/forum.PNG') center no-repeat;
}

[RYANNNNN]

body {
background-image: url('style_images/<#IMG_DIR#>/forum.PNG');
background-color: #FFFFFF;
background-positon: center;
background-repeat: no-repeat;
}

ah, there we go.

joshua, out of interest would that code center the bg both height and widthwise?

[nets]

ah, there we go.

joshua, out of interest would that code center the bg both height and widthwise?

I changed it to the shortcut attribute. ANYWAY, I think it wont be centred vertically & horizontally in FF, to fix that you'll need to add "fixed" at the beginning of the declaration:

body {
background: fixed #FFFFFF url('style_images/<#IMG_DIR#>/forum.PNG') center no-repeat;
}