Z-index behaving funny

I think he means accessiblity wise, it’s a nightmare. Users will be extremely confused using it. It looks jumbled and horribly designed.

If he didn’t mean that, then that’s what I think of it :).

i just used some css. i think for 4 div’s and override its properties. otherwise its all wordpress’s shipped with theme. and yes the scrollbars is a nightmare, but that’s how a someone wants it. so it is like that

One last question, if i have positioned elements, can i still give div width in % and expect it to be liquid layout?

You can give a width to positioned elements as required in px ,% , ems or any valid unit.

However you can’t have separate absolutely positioned elements taking part in the flow of the document because they don’t care about anything in the flow.

If you absolutely place an element inside a fluid width container then that element will base its starting point on the nearest ancestor with a value for position other than static and it will keep track with that parent. It will overlap anything that gets in its way unless though you can offset it in some way with padding perhaps on elements around it.

so is it possible to use floats and float something at back of a floating image. like giving its z-index of background photo less than the other one. just like i have on the link i posted.

Hi,

You can’t really float something under something else without it affecting other things around it. You can use negative margins and z-index to shift the float around but that usually means working within a predefined set of dimensions so that you know how much to move it by.

I’m not sure where the question is leading exactly so it may be better if you knock up a small demo and explain what you need.:slight_smile:

here i made it. i hope this gives u idea. its like 3 divs r floating but i want one div to float right side and be visible between the margins that i left b.w front divs.i hope it make sense now :confused:

Remind me why you can’t simply wrap the three floated elements in a div and apply the background image to the parent div? It will then be behind all the columns as you wanted.

suppose i have this xhtml


<div class="wrapper">
  <div class="col1">
        <div class="col2">
             <div class="col3">

             </div>
        </div>
  </div>
</div>

in the diagram i made. i want the image to be background which floats behind col3 and col 2. your saying make it background of wrapper div. from what i know. i can’t make the background float behind col2 and col3.

Paul was talking about this sort of markup.

<wrapper>
<div1></div1>
<div2></div2>
<div3></div3>
</wrapper>