Advanced Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsWeb DesignAdvanced Web Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old May 12th, 2005, 10:41 AM
Cynthia Blue Cynthia Blue is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: May 2005
Posts: 3 Cynthia Blue User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 m 8 sec
Reputation Power: 0
Cool CSS and Div Height Problem

Hello, I'm new here, have been browsing the forums but haven't found an answer to my question yet.

I'm new to the DIV tag, though I've done a bit of CSS coding over the years. Just a little, though.

Anyway, in the attempt (like many others) to move away from tables, I'm trying div's.

So I have this page with a header div and a left menu bar div. I want the left menu bar div to be 100% of the remainder of the page after the header is done with it. But if I put in height: 100% in the left menu div, it creates a scrollbar and pushes the page down. I think it's making it 100% of what would have been the page without the 150px header at the top.

How do I make that left menu bar be 100% of the remainder of the page?

Looks the same to me in IE an FF:
http://www.utahdogs.com/storage/test/index.php

Here is the CSS so far:
http://www.utahdogs.com/storage/test/includes/intro.css

Thanks for the help in advance, this problem has been bugging me for some time now!

Reply With Quote
  #2  
Old May 12th, 2005, 11:34 AM
ezenaide's Avatar
ezenaide ezenaide is offline
custom user
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2005
Location: olinda - br
Posts: 78 ezenaide User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 13 h 29 m 52 sec
Reputation Power: 15
Send a message via MSN to ezenaide
maybe it's better to define a resolution to work on. so, if you put a height of 450px (600 of resolution - 150 of the header), anybody using 800x600 - at least - will have a good response.

Reply With Quote
  #3  
Old May 12th, 2005, 12:57 PM
Cynthia Blue Cynthia Blue is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: May 2005
Posts: 3 Cynthia Blue User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 m 8 sec
Reputation Power: 0
That is an option. I have usually fairly high resolutions on my monitors, so I like it to expand/contract to the browser window, like tables do.

Reply With Quote
  #4  
Old May 17th, 2005, 07:13 AM
EiSa EiSa is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2002
Location: Norway
Posts: 184 EiSa User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 22 m 24 sec
Reputation Power: 17
Normally this is solved by using "faux columns":
http://www.alistapart.com/articles/fauxcolumns/

The problem with this solution is that you can't use a flexible width. There is a solution for this, but it can be a little bit problematic to make it work:
http://www.bzabza.com/css/1/
__________________
Strictly CSS | Poker Cognac XO

Reply With Quote
  #5  
Old May 17th, 2005, 02:10 PM
Cynthia Blue Cynthia Blue is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: May 2005
Posts: 3 Cynthia Blue User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 m 8 sec
Reputation Power: 0
Thanks for the info. Couldn't quite get it to work but will probably spend more time on it later.

Reply With Quote
  #6  
Old May 19th, 2005, 04:48 PM
EiSa EiSa is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2002
Location: Norway
Posts: 184 EiSa User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 22 m 24 sec
Reputation Power: 17
Which of the solutions? I know many are having a hard time with the last solution, unfortunately I haven't used it much myself. But I don't think you will be able to make it work with absolute position as you are using now, you have to float your design.

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsWeb DesignAdvanced Web Development > CSS and Div Height Problem


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
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 - 2019, Jelsoft Enterprises Ltd.

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