Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Making a <div> column expand the entire height of page?
Old 03-17-2009, 02:59 PM Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 32
Name: Dan
Trades: 0
Aside from doing position:absolute, is there any way to make a <div> column expand the entire height of a page without filling it with text? If I assign it the height 100% it still won't work unless set to :absolute.

The one page I was working on www.equinekk.com I was havbing this issue. Anytime I did anything other than absolute, the <div> column would end as soon as the text would end.

Is it OK to leave it as absolute or would there be a more effecient way to go about it?

BTW the CSS file is at www.equinekk.com/equinekk.css if you want to take a look.

TIA,

Dan
dannythekid is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-17-2009, 03:29 PM Re: Making a <div> column expand the entire height of page?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Code:
html, body {
   height:100%;
}
and read the stickies -> http://www.webmaster-talk.com/css-fo...l-browser.html
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-17-2009, 05:36 PM Re: Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 32
Name: Dan
Trades: 0
Then I just must be retarded. I have done it every which way and still nothing works. Including following the stickies.

Case in point:

www.dominationchassis.com/production/production.html

and

www.dominationchassis.com/production/dcprod.css

Maybe someone can point me in the right direction?
dannythekid is offline
Reply With Quote
View Public Profile
 
Old 03-17-2009, 08:16 PM Re: Making a <div> column expand the entire height of page?
Defies a Status

Posts: 1,605
Trades: 0
What do you want that page to look like and why are you using a table?
__________________
Colbyt

Please login or register to view this content. Registration is FREE
colbyt is offline
Reply With Quote
View Public Profile
 
Old 03-18-2009, 10:53 AM Re: Making a <div> column expand the entire height of page?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
You also have a LOT of coding errors, validate your code. You should also just back away from the XHTML Transitional DOCTYPE because your code isn't even close to XHTML compliant. Drop it back to HTML 4.01 Strict.

Tables for layout.... not necessary.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 03-18-2009, 10:32 PM Re: Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 32
Name: Dan
Trades: 0
Quote:
Originally Posted by LadynRed View Post
You also have a LOT of coding errors, validate your code. You should also just back away from the XHTML Transitional DOCTYPE because your code isn't even close to XHTML compliant. Drop it back to HTML 4.01 Strict.

Tables for layout.... not necessary.
No lie... I would like to stay away from Tables, but I am trying to get the look I want and cannot figure it out another way yet.
dannythekid is offline
Reply With Quote
View Public Profile
 
Old 03-19-2009, 06:15 AM Re: Making a <div> column expand the entire height of page?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
Originally Posted by dannythekid View Post
No lie... I would like to stay away from Tables, but I am trying to get the look I want and cannot figure it out another way yet.
Does this help?

modtalk.co.uk/_site/demos/wmt/nt/
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-03-2009, 05:51 AM Re: Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 38
Name: pravash chamling rai
Trades: 0
hey dude !! you need a little bit of trick !! max-width:100%; use it !!! It works !!!
mindlesswizard is offline
Reply With Quote
View Public Profile Visit mindlesswizard's homepage!
 
Old 04-03-2009, 05:54 AM Re: Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 38
Name: pravash chamling rai
Trades: 0
sorry for the last post !!!

use

max-height:100%;
min-height:800px; <------ at least the minimum height !!!! give value !!!
mindlesswizard is offline
Reply With Quote
View Public Profile Visit mindlesswizard's homepage!
 
Old 04-03-2009, 11:20 AM Re: Making a <div> column expand the entire height of page?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Except that will NOT work for IE6 (or below) because IE6 does NOT support min/max width or height!
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-05-2009, 12:52 AM Re: Making a <div> column expand the entire height of page?
Experienced Talker

Posts: 38
Name: pravash chamling rai
Trades: 0
well no worries !! have u used IE8.js !!! It supports the CSS 3 and it is specially made to serve IE 6 !!! Try it !!!!
mindlesswizard is offline
Reply With Quote
View Public Profile Visit mindlesswizard's homepage!
 
Old 04-05-2009, 11:19 AM Re: Making a <div> column expand the entire height of page?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Why would I want to use javascript when there is a perfectly acceptable fix for IE6 ?? IE8 JUST came out, and there are still a large number of people using IE6. Again, CSS3 is still NOT fully supported and is still just a working draft!!!
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-06-2009, 02:35 PM Re: Making a <div> column expand the entire height of page?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Lets get something straight.. validation is NOT the be-all and end-all of anything, so frankly I don't care if the htc file validates or not, in the grand scheme of things, it really doesn't matter ! Validation is a START, not the END and it is not ever the deciding factor, or shouldn't be.
Quote:
If you don't want to use CSS3, then don't use it !! I'm using it, n it is working fine !!!
Then you must not be testing in those browsers that don't support it !!!!!!!!!!!!!

Nothing wrong with looking forward, but making broad statements as you have as to its compatibility, when it is clearly NOT, is not helpful, especially to newbies.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Making a <div> column expand the entire height of page?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 3.50162 seconds with 12 queries