html - Using Z-index, margin not working to push div away from another -
I wrote this post with your question and wrote it in a simple way to understand. Please see below.
I'm using some CSS:
#wing_right {background-image: url ("../ images / poppadom.png"); Height: 678px; Margin-right: -60px; Margin-left: 500 pixels; Status: fixed; Correct: 0; Top: 240px; Width: 387px; Z-index: 50; }
Easy version of the question to understand. I hope.
The following is my diagram representation of my site. -> | LW | CN | RW | LW = Left CN = Content RW = Right Wing has very CPU in the left and right wing. See CSS only in the difference of image and its wings are linked to the left. The content is down in the context of the z-indicator and can not be covered with wings. Just like a simple picture, LW and RW run with browser resizing which I want. However, when you shorten the browser window, I need something to prevent LW and RW from covering the content. Both wings are on the same z-indicator and the content is at a lower z-indicator.
Is there a fixed width of the lower level content or is it automatic? If it is automatic, then it seems like the right behavior. You can apply a minimum width to that layer which you do not want to "smear" by the images on the left and right sides.
Comments
Post a Comment