CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

How can I stop a fixed position div from going over the footer?


Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old November 13th, 2012, 12:51 AM
zxcvbnm's Avatar
zxcvbnm zxcvbnm is online now
A Change of Season
Click here for more information.
  
Join Date: Mar 2004
Posts: 1,599 zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 2 Weeks 4 Days 23 h 26 sec
Reputation Power: 70
How can I stop a fixed position div from going over the footer?
Hello;

The right column has to be fixed but if you scroll down it goes over the footer. What would be the correct way to stop this?

Thank you

This is the page .
Reply With Quote
  #2  
Old November 13th, 2012, 02:07 AM
simplypixie simplypixie is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2012
Posts: 104 simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11
Firstly I really need to implore you to get rid of your tables for layout (this is about 10 years out of date for styling and developing a website's layout) and also move your css styles into an external stylesheet (i.e. not inline with your page code).

With regard to your actual issue, as far as I am aware, this is only possible with JavaScript and as I am not an expert in JS I can't give you the code so you wil have to research it I am afraid.
Reply With Quote
  #3  
Old November 14th, 2012, 06:53 PM
zxcvbnm's Avatar
zxcvbnm zxcvbnm is online now
A Change of Season
Click here for more information.
  
Join Date: Mar 2004
Posts: 1,599 zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level)zxcvbnm User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 2 Weeks 4 Days 23 h 26 sec
Reputation Power: 70
Quote:
Originally Posted by simplypixie
Firstly I really need to implore you to get rid of your tables for layout (this is about 10 years out of date for styling and developing a website's layout) and also move your css styles into an external stylesheet (i.e. not inline with your page code).

With regard to your actual issue, as far as I am aware, this is only possible with JavaScript and as I am not an expert in JS I can't give you the code so you wil have to research it I am afraid.
Hello how are you? Tables are 10 years out of date? I believe they are very helpful, I see Facebook and quite few other big websites use them as well.
Code:
 Like this in Facebook:<table class="uiGrid fbChatSidebarFooter" cellspacing="0" cellpadding="0"><tbody><tr><td><div clas
Anyways, style have to be moved out 100% agree.

So actual issue is not achievable with CSS? Are you sure?
Reply With Quote
  #4  
Old November 15th, 2012, 01:21 AM
simplypixie simplypixie is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2012
Posts: 104 simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11
Yes I am sure tables are out of date (unless they are being used for what they were intended - tabular data). Your layout should be set using CSS.

The table you reference has been used once on the facebook page for the chat sidebar - there are no other tables in the page you have looked at, they use CSS.

As for your issue, yes I am quite sure that this is only achievable with Javascript.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > How can I stop a fixed position div from going over the footer?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap