PDA

View Full Version : z INDEX QUESTION


plastcmn2
05-08-2008, 03:12 AM
will the z index of ap elements cause them to move once you view it on the browser? My images are not staying in the same place as when I saved the files. Help.

edbr
05-08-2008, 05:27 AM
no, ap divs are positioned absolutely, position:absolute;
width:200px;
height:115px;
z-index:1;
left: 93px;
top: 13px;

domedia
05-08-2008, 01:36 PM
AP=Absolute Positioning

plastcmn2
05-09-2008, 04:57 AM
Let me give you all a little more detail. I build the site in dreamweaver and it looks perfect. When I preview in a browser, the text has shifted. Here is the site: http://www.stancolienichols.com/www/custom/

Any help is appreciated. Thanks!

edbr
05-09-2008, 08:22 AM
you have used absolute positioning on your divisions
#apDiv {
position:absolute;
left:306px;
top:304px;
width:329px;
height:123px;
z-index:15;
visibility: visible;
overflow: visible;
}
so that will remain in those positions (ie 306px from the left ) did you view your page locally before uploading it?

plastcmn2
05-09-2008, 01:59 PM
Thank You Very Much. I will give it a try!8)

plastcmn2
05-09-2008, 02:56 PM
Hi! I tried it and it looks awesome in Firefox! I tried it in Safari and the text is still all over the place. Why would that be? Any suggestions?

Thanks!8)

domedia
05-09-2008, 08:53 PM
it's still positioned absolute, text is outside the flow of the document in Firefox as well.
Looking at the page, I'm not sure if your approach is doable at all. There is no quick fix to this :-(
You just have a large image as you general layout.
http://www.stancolienichols.com/www/custom/images/index.jpg
This should really be a background. I think you still have some basics to learn about web design. Look at the tutorial we have on making a wrapper div to center your content in the browser, then start putting all your content in it.

plastcmn2
05-14-2008, 02:48 AM
Thanks to all for your help. I agree I do need help with the basics. I am still having difficulty with the site but it has improved. Here is the url again:
www.stancolienichols.com (http://www.stancolienichols.com). Any further advice or suggestions is appreciated.
Thanks.

domedia
05-14-2008, 03:51 PM
Everything is still positioned absolutely, which I guess will work fine for you :)
The only other tip I have for you is too view source no other websites. Check out how they're made so you get a better feel for how web pages normally are structured.