Home/ Questions/Q 969879
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T02:42:58+00:00

I have edited this post with my question writen in a more simple way

  • 0

I have edited this post with my question writen in a more simple way to understand. Please see below.

Some CSS I am using: 

#wing_right
{
  background-image:url("../images/poppadom.png");
  height:678px;
  margin-right:-60px;
  margin-left: 500px;
  position:fixed;
  right:0;
  top:240px;
  width:387px;
  z-index:50;  
}

Easier version of the question to understand. I hope.

Following is a diagram representation of my site. -> |LW|CN|RW| LW = Left wing CN = Content RW = Right wing. The left and right wing have very simliar CSS. See the CSS above only difference being the image and its attached to the left wing. The content is below in terms of z-index and can’t be covered by the wings. Like the very simple diagram the LW and RW move with browser resizing which is what I want. However when you make the browser window smaller I need something to prevent the LW and RW covering the content. Both wings are on the same z-index and content is on a lower z-index.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Does the lower level content have a fixed width or is it automatic? If it’s automatic, that sounds like the correct behavior. You could apply a minimum width to the layer you do not want “smushed” by the left and right side images.

    • 0