| | |
how to put an absolute positioned div on top of a absolute positioned div ?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Apr 2009
Posts: 281
Reputation:
Solved Threads: 2
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
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
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.
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.
•
•
Join Date: Jan 2008
Posts: 79
Reputation:
Solved Threads: 9
•
•
•
•
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?
ex
HTML and CSS Syntax (Toggle Plain Text)
.topdivname { z-index: 5; } .underdivname { z-index: 1; }
•
•
Join Date: Apr 2009
Posts: 281
Reputation:
Solved Threads: 2
HTML and CSS Syntax (Toggle Plain Text)
.newsflash{background-image: url(http://www.socialemo.com/new/newsflash.png);}
![]() |
Similar Threads
- Form Validation (JavaScript / DHTML / AJAX)
- Rounded Corners Dropdown (HTML and CSS)
- Center Absolute Positioned Navigation (HTML and CSS)
- Div height problem (HTML and CSS)
- Div wont position properly (HTML and CSS)
- Center Div in Browser (JavaScript / DHTML / AJAX)
- positioning a dynamic div to cover an existing table (HTML and CSS)
- About DIV tags (HTML and CSS)
- DIV Help! (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: lightbox
- Next Thread: css and twitter?
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl






