css - Extending borders -

I have an image that will be centered in the window (left and right), there is no left border, but there Is there a right limit I was wondering whether it is possible for the top boundary to go from the very left side of the page (behind the image) and start at the left end of the image for the border on the right border and below and all Spread in the top and bottom of the window on the right side C repeated may be composed of backgrounds and left border, if necessary.

I was thinking about this for some time but did not come from any solution. ... Can somebody help me out?

You can clarify how flexible you are to be able to contact in many ways. Do you want to extend the upper and lower boundaries to the edge of the viewport (thus they need fluid-width)?

You can use it by using the background-position and a sliding door technology, or you can use the irreversible markup to create a three-column fluid-width layout with your image in the center Are there.

It is up to you, but with three-column technology, you can insert your extra divs (or whatever you want to use) via javascript so that your Do not have empty containers in your source, and border-top and border below (thus blocking some load time on the page).

Edit: To make it more clear, you want it to look something like this eski drawing:

  _______________ | Img | _____________________  

edit : For fluid width layouts, consult one on many CSS layouts, here's a good place:

Then on your left and right columns, you can do border-top and border-bottom (or use background images if you want borders) respectively , Give your image limitations and set the height of your three containers so that the borders are standing together at the same time. Hope that helps