View Full Version : help about draw AP div

12-10-2012, 12:38 PM
Hello friends, im kind of new to dreamweaver so pls pardon if i sound blunt. I have made my webpage html directly from photoshop then opened in dreamweaver. All i need is to place text material here. I am trying to draw AP div box & the put text in it. Problem is in design mode it looks fine, but in live mode it displaces a little bit. But real problem is when i preview it in browser it stuck at one place, no matter how i make the browser smaller or bigger it get stuck in one position. I know it is absolute position div. But is there any way to parenting it with the background so it floats with it. perhaps a new css rule need to be made but how & what would be the command for it.

I may be missing a few things to get it done. Pls help me out here. Im posting the pics to help you get an idea what's going on.

Design Mode:


Live Mode:


Browser Mode:


Thanks in advance.

PS: im using CS6 for photoshop & dreamweaver

12-10-2012, 02:57 PM
You will need to set a containing div to be relatively positioned and then you can take your positioning coordinates from the top/left of that div rather than the user's browser window.

12-11-2012, 10:17 AM
Thanks brother for the reply. it works! but problem is when i insert normal div i lost the background of the content. How can i get the centered position keeping my background?


12-11-2012, 12:31 PM
Really hard to tell without the code to be honest. Can you post a link at all?

12-12-2012, 10:07 AM
Sure bro, here is the link for 1 final page. It has been designed from photoshop exported to HTML. Then in dreamweaver applied spry menu bar. Now i need to put the text material into it keeping the background.


Pls help me out here, Im running out of time & option.