0

i have two divs. one is absolutely positioned to be centered. in the center of the page.

i have a div inside it. i need it to be positioned absolutely but not centered like the first div. here is a screenshot of what i have:
(see atachment i guess? does anyone know how to fix it so its over the frame in the center and not being cut off? (it used tobe absolutely centered like the bigger div but it would overlap at the top because the two images arent the same porportions

Attachments 15mfeyp.png 155.67 KB
5
Contributors
8
Replies
9
Views
7 Years
Discussion Span
Last Post by SKANK!!!!!
0

Have you tried using z-index? How come you can't just add a few pixels to the "top:" of the inner div to move it down a bit? Will it just cut off the bottom?

0

absolute is exactly what you put it at, so I would recommend z-index to bring forward what you want on top.

Then I would add margins to bring the things down an padding to bring the text in, further more did you add size and width to what you want displayed or are you just letting it auto assign?

Try adding a size and width this usually will solve it. If it doesn't play with the margin and padding to position it in and out.

0

If you need you can send me your code and I will fix it for you so you can see what I mean.

0

Have you tried using z-index? How come you can't just add a few pixels to the "top:" of the inner div to move it down a bit? Will it just cut off the bottom?

i think z-index will solve this, make z-index bigger for the top <div>
ex

.topdivname {
   z-index: 5;
}
.underdivname {
  z-index: 1;
}
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.