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

Two divs in harmony


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 February 7th, 2013, 02:06 PM
Frank Grimes's Avatar
Frank Grimes Frank Grimes is offline
Plays with fire
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: Outside looking in
Posts: 887 Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 h 43 m 23 sec
Reputation Power: 95
Two divs in harmony
Is it possible to force a div with a fixed height of 100px to the bottom of the screen and have a div above it change its height according to the browser?

I have the bottom:

Code:
#bottom {height: 100px; background-color: #f00; bottom: 0; position: absolute; width: 100%;}


I can have a div above it be 100% height with padding inside be 100px, but that seems wrong.
__________________
“Be ashamed to die until you have won some victory for humanity.” -- Horace Mann

"...all men are created equal." -- US Declaration of Independence
Last edited by Frank Grimes : February 7th, 2013 at 02:10 PM.
Reply With Quote
  #2  
Old February 7th, 2013, 02:24 PM
rdoyle720 rdoyle720 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Dec 2003
Posts: 644 rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level) 
Time spent in forums: 2 Weeks 3 Days 3 h 5 m 53 sec
Reputation Power: 400
If the bottom one is meant to be a footer, I'd suggest you do a search for "sticky footer". There are a few techniques for that.
Reply With Quote
  #3  
Old February 7th, 2013, 02:25 PM
Frank Grimes's Avatar
Frank Grimes Frank Grimes is offline
Plays with fire
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: Outside looking in
Posts: 887 Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 h 43 m 23 sec
Reputation Power: 95
Not a footer, but a graphic element that's meant to bleed off the screen bottom.
Reply With Quote
  #4  
Old February 7th, 2013, 02:30 PM
rdoyle720 rdoyle720 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Dec 2003
Posts: 644 rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level)rdoyle720 User rank is Major (30000 - 40000 Reputation Level) 
Time spent in forums: 2 Weeks 3 Days 3 h 5 m 53 sec
Reputation Power: 400
I'd still suggest looking at sticky footer techniques to see if it will fit what you're looking for. Otherwise a mockup might be helpful.
Reply With Quote
  #5  
Old February 7th, 2013, 02:56 PM
Frank Grimes's Avatar
Frank Grimes Frank Grimes is offline
Plays with fire
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: Outside looking in
Posts: 887 Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level)Frank Grimes User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 h 43 m 23 sec
Reputation Power: 95
Yeah, I'll tinker with it and see what I can do.

Thanks for the idea!
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > Two divs in harmony

« 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