Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > HTML > HTML Code Clinic
| Search | Today's Posts | Mark Forums Read
HTML Code Clinic Do you have some HTML code you'd like to share and get suggestions from others for tweaking or improving it? This discussion is the place.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the HTML Code Clinic section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old February 18th, 2004, 12:54 AM
Authorized User
 
Join Date: Jun 2003
Location: , , .
Posts: 29
Thanks: 0
Thanked 0 Times in 0 Posts
Default Positioning Div over specific table cell

Hi, I've got a webpage I'm working on where I decided to use an absolutely aligned div layer, and it worked great laying text over top of graphics. My problem is now, I want to center the graphics on the page, regardless of screen resolution -- so the table graphics I'm positioning over changes based on screen size, which means my absolutely aligned stuff doesn't work.

I tried making the graphics div1 and then positioning the text in div2 relatively, but I had to use crazy top and left values (style="position:absolute; left:180px; top:-580px;") to get it in the right place. This worked perfectly except that the page would always be over 580 pixels too long at the bottom, like the div was making it really long somehow, and I'm assuming it had to do with the weird top value.

Anyway, I'm looking for a solution to this -- ideally I think positioning the div relatively should work, just behaving a little strangly. If you have an idea that might help, please let me know.
 
Old February 18th, 2004, 05:26 PM
planoie's Avatar
Friend of Wrox
Points: 16,481, Level: 55
Points: 16,481, Level: 55 Points: 16,481, Level: 55 Points: 16,481, Level: 55
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Aug 2003
Location: Clifton Park, New York, USA.
Posts: 5,407
Thanks: 0
Thanked 16 Times in 16 Posts
Default

Maybe this will be of some help. If you look at the source HTML you can see some of the client events, object properties and math used to position things.

http://www.geekdork.com/samples/dhtm...ioningTest.htm

Peter
------------------------------------------------------
Work smarter, not harder.
 
Old February 18th, 2004, 05:49 PM
Authorized User
 
Join Date: Jun 2003
Location: , , .
Posts: 29
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Thanks Peter, that might be a little beyond me at that point. I'll give it a shot though, see if I can figure out how to apply that to my page. Here is the link to it: http://seismic.ath.cx/ depending on the time of day (night) if might be unavailable. Anyway, all the graphics are layed out with tables, and the text is an absolutely positioned div... you'll understand right away that I'm in a bit of trouble if I center the table-aligned graphics to the page width -- the text won't move with the graphics.

Again, I'll check out the link but having taken a look at my page can you think of another solution not involving the complex math?
 
Old December 17th, 2008, 01:10 AM
Registered User
 
Join Date: Dec 2008
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default Display Problem

Firstly, I hava a problem with div which was not displaying over the Drop Down List. But I solved that problem by using 'iframe'.

Now the problem I am facing is Div or menu in not displaying over the Crystal Reports. Div is displayed behind the reports.

How to solve this problem.

Best Regards
 
Old May 8th, 2009, 02:19 PM
Authorized User
 
Join Date: Nov 2008
Location: virudhunagar, tamil nadu, India.
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Cool this might help you.

It is hard to position table.It will cause a lot of cross browser issue. Try your code t different browser. Then you could find whether the problem is with your code or with the browser.




Similar Threads
Thread Thread Starter Forum Replies Last Post
Help with positioning a DIV using XSLT and XML skidmerc XSLT 3 May 2nd, 2008 06:45 AM
testing div positioning in different screen sizes crmpicco CSS Cascading Style Sheets 1 February 11th, 2008 05:02 AM
How to Get Specific Cell Value of Data Grid in C# akumarp2p C# 1 February 1st, 2007 08:17 AM
Export Access Data to a Specific Cell in Excel. VBNoob Access VBA 1 December 14th, 2005 08:25 PM
DIV - Centre Positioning Prob socoolbrewster CSS Cascading Style Sheets 3 June 5th, 2005 09:23 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.