how to put an absolute positioned div on top of a absolute positioned div ?

Reply

Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training

how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #1
Sep 3rd, 2009
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
Attached Thumbnails
15mfeyp.png  
Reply With Quote Quick reply to this message  
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #2
Sep 3rd, 2009
search google : relatively absolute positioning
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #3
Sep 3rd, 2009
no i dont know how i alreayd searched it doesnt make snese to me
Reply With Quote Quick reply to this message  
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #4
Sep 3rd, 2009
so as your english to me..
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
Join Date: Aug 2009
Posts: 49
Reputation: EvolutionFallen is an unknown quantity at this point 
Solved Threads: 8
EvolutionFallen EvolutionFallen is offline Offline
Light Poster

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #5
Sep 3rd, 2009
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?
Reply With Quote Quick reply to this message  
Join Date: Aug 2009
Posts: 101
Reputation: valonesal is an unknown quantity at this point 
Solved Threads: 2
valonesal's Avatar
valonesal valonesal is offline Offline
Junior Poster

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #6
Sep 3rd, 2009
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.
Reply With Quote Quick reply to this message  
Join Date: Aug 2009
Posts: 101
Reputation: valonesal is an unknown quantity at this point 
Solved Threads: 2
valonesal's Avatar
valonesal valonesal is offline Offline
Junior Poster

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #7
Sep 3rd, 2009
If you need you can send me your code and I will fix it for you so you can see what I mean.
Reply With Quote Quick reply to this message  
Join Date: Jan 2008
Posts: 79
Reputation: rudevils is an unknown quantity at this point 
Solved Threads: 9
rudevils rudevils is offline Offline
Junior Poster in Training

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #8
Sep 4th, 2009
Originally Posted by EvolutionFallen View Post
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
HTML and CSS Syntax (Toggle Plain Text)
  1. .topdivname {
  2. z-index: 5;
  3. }
  4. .underdivname {
  5. z-index: 1;
  6. }
If love is blind, why there's a bikini ??

Post your article at Bali Side Notes share your knowledge
Reply With Quote Quick reply to this message  
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training

Re: how to put an absolute positioned div on top of a absolute positioned div ?

 
0
  #9
Sep 4th, 2009
HTML and CSS Syntax (Toggle Plain Text)
  1. .newsflash{background-image: url(http://www.socialemo.com/new/newsflash.png);}
thats it . the z index isnt doing anything. i added it but no avail
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC