Hey everyone ,

I have a problem to solve (that's why I'm here). You might want to take a look:

http://www.kamil.vdl.pl/pred/

The problem is that I want:

1) to make some bloody edge on the right as it's on the left

2) put background image to the center

The left bloody edge is made:

body { background: url(...) repeat-y left top; }

I have already tried making a div with bloody right edge but it wasn't equal 100% of window height.

 

Any ideas?

 

sry 4 my english, hope you understand whats going on

Hey everyone ,

I have a problem to solve (that's why I'm here). You might want to take a look:

http://www.kamil.vdl.pl/pred/

The problem is that I want:

1) to make some bloody edge on the right as it's on the left

2) put background image to the center

The left bloody edge is made:

body { background: url(...) repeat-y left top; }

I have already tried making a div with bloody right edge but it wasn't equal 100% of window height.

 

Any ideas?

 

sry 4 my english, hope you understand whats going on

 

Hey,

 

Not really sure if that can be achieved.

 

What I would do is to make a #wrapper, make your website fixed width and give a wrapper image of bloody marks on left and right, so it repeats.

 

Have a look at my website in my signature and at the css code and see how I made the shadow under my #page-container,

if you replace the shadow images I used roughly with your blood ones, you will achieve something similar to what you want.

 

Hope it helps.

 

And sorry for my english too, we are two Polish guys talking english, heh.

 

Regards,

You can apply multiple background by using several <div>containers like this...

 

<body>
<div id="wrapper1">

<div id="wrapper2">

	<div id="wrapper3">

	</div>

</div>

</div>
</body>

body {background: url(bg-image.jpg);}
#wrapper1 {background: url(bg-image1.jpg);}
#wrapper2 {background: url(bg-image2.jpg);}
#wrapper3 {background: url(bg-image3.jpg);}

You can save a <div> by using the <html> tag to put one of the backgrounds on

You can apply multiple background by using several <div>containers like this...

 

<body>
<div id="wrapper1">

<div id="wrapper2">

	<div id="wrapper3">

	</div>

</div>

</div>
</body>

body {background: url(bg-image.jpg);}
#wrapper1 {background: url(bg-image1.jpg);}
#wrapper2 {background: url(bg-image2.jpg);}
#wrapper3 {background: url(bg-image3.jpg);}

 

 

I will try this.....

Thanks for a particular example....