Two words position absolute!
On Oct 21, 11:17 pm, Mou <[EMAIL PROTECTED]> wrote:
> #aretz {wrapping.css (line 48)
> background-color:#CC9966;
> clear:both;
> color:#FFFF99;
> height:412px;
> left:50%;
> margin:0pt 0pt 0pt -460px;
> position:absolute;
> top:0;
> width:918px;
> z-index:3;
>
> }
>
> You need to add a position:absolute; for the z-index to take effect.
>
> Adding a top:0; will ensure it is pulled out of the containing DIV to
> the top of the page.
>
> Left:50% centers the left edge of the DIV, then use a negative margin to
> centre it (I found -460px is about right)
>
> Then you can add a top margin to get it as far down the page as you
> need. Or, just use the top attribute - top:50px; or whatever you need.
>
> zalel wrote:
> > I am trying to write CSS to create a page like the one in the first
> > link. I thought that using the z-index attribute would give the
> > results I want. So far, it doesn't work. Am I using the attribute
> > incorrectly?
>
> > 1. Adobe Fireworks layout.http://www.signifydesign.com/worshipandstudy/
>
> > 2a. Unsuccessful html page. This is my second try at the CSS for the
> > page.http://www.signifydesign.com/worshipandstudy/index_z-index_01.html
> > 2b. Link to the CSS for the
> > page.http://www.signifydesign.com/worshipandstudy/css/wrapping.css
>
> > 3a. First html page I made for this layout. The bottoms of the divs do
> > not line up. Also, the alignments will be worse when viewers enlarge
> > the type.http://www.signifydesign.com/worshipandstudy/index1.html
> > 3b. Link to the CSS for the
> > page.http://www.signifydesign.com/worshipandstudy/css/was_styles_04.css
>
> > Thanks!
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
