div positioning

This is a discussion on "div positioning" within the Web Page Design section. This forum, and the thread "div positioning are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Closed Thread
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 18th, 2004, 12:38
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
div positioning

how can i keep a certain <div> always on top of other <div>s when it gets dragged around?

  #2 (permalink)  
Old Apr 19th, 2004, 09:34
Highly Reputable Member
Join Date: Jul 2003
Location: Ipswich, UK
Posts: 690
Thanks: 0
Thanked 0 Times in 0 Posts
style="z-index:10;"
  #3 (permalink)  
Old Apr 19th, 2004, 19:43
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
what does that do then? whats a z-index? and why 10?
  #4 (permalink)  
Old Apr 19th, 2004, 19:45
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
dont know why, that did'nt work...
  #5 (permalink)  
Old Apr 19th, 2004, 20:11
Reputable Member
Join Date: Aug 2003
Location: United Kingdom
Posts: 158
Thanks: 0
Thanked 0 Times in 0 Posts
z-index acts like layers in Photoshop, etc with the highest number indicating the top most layer.

HTH
u2o
  #6 (permalink)  
Old Apr 19th, 2004, 20:12
Most Reputable Member
Join Date: Jul 2003
Posts: 1,856
Thanks: 0
Thanked 0 Times in 0 Posts
you can try putting the draggable window at the end of the page code
  #7 (permalink)  
Old Apr 19th, 2004, 20:15
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
i cant do that because its in a table... but the z-index doesnt work..

also, do you know how to make a div stay attatched to the bottom edge of the browser window? you will never need to v. scroll so it doesnt need to move....?
  #8 (permalink)  
Old Apr 25th, 2004, 12:40
spinal007's Avatar
Moderator
Join Date: Mar 2004
Location: Good Ol'London
Age: 23
Posts: 1,649
Blog Entries: 1
Thanks: 0
Thanked 4 Times in 4 Posts
possible solution for the z-index not working:
I think you must set the 'position' css attribute to either "absolute" or "relative" before using z-index.

i.e.:
<DIV style="position:absolute;">
Last Blog Entry: Random String in Javascript (Apr 21st, 2008)
  #9 (permalink)  
Old Apr 25th, 2004, 21:59
Reputable Member
Join Date: Aug 2003
Location: United Kingdom
Posts: 341
Thanks: 0
Thanked 0 Times in 0 Posts
confirmed, z-index only works with absolute postioning.
  #10 (permalink)  
Old May 24th, 2004, 09:26
Reputable Member
Join Date: Aug 2003
Location: Singapore
Posts: 321
Thanks: 0
Thanked 0 Times in 0 Posts
z index works also with relative. why not?
  #11 (permalink)  
Old May 24th, 2004, 12:25
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
doesn't with me
Closed Thread

Tags
div, positioning

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Positioning between <h3> konnor5092 Web Page Design 3 Sep 11th, 2007 22:37
CSS and positioning djme Web Page Design 6 Feb 3rd, 2006 13:27
Positioning with CSS Tino Web Page Design 8 Jan 21st, 2006 15:45
css positioning ivyholly Web Page Design 14 Dec 20th, 2005 18:43
Positioning with css Hub Web Page Design 12 Dec 13th, 2005 19:45


All times are GMT. The time now is 13:43.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43