Home/ Questions/Q 6613617
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T20:14:23+00:00

I trying to create a fixed border to the site that dynamically change size

  • 0

I trying to create a fixed border to the site that dynamically change size with the browser window from this sprite (it isn’t perfect I know.): http://fc07.deviantart.net/fs70/f/2011/269/7/0/bordersprite_by_nakos-d4ayzne.png

DEMO on jSFiddle

My problem as you can see is the vertical wall part. As the #falJ and #falB are height:100% they include the bottom wall’s end too with the space between the two wall sprites. Is there a way to force backround-position to only use vertical wall part without bottom wall’s end?

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Solution: http://jsfiddle.net/vonkly/Ld43B/

    It’s not the prettiest thing in the world, but it achieves what you want. Check out the source code & direct link for the background images to see what you’ll need to do. It’s currently set at 299px wide; I imagine you’ll be using something wider.

    I’d also suggest adding some padding around your content (either with a p tag, span, another div, etc.) – the way it is currently set up isn’t what I’d recommend for readability.

    EDIT

    The only way I can imagine achieving a fluid width + height box with the borders that you have in the way that you want is to use a second image for the west and east containing divs. This should work with your current method.

    • 0