Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 30
Variable height in CSS

I sit and write a website and irritates me a little over a height of my hand.
I have 3 boxes which constitute the main elements on the page.
A top, middle and bottom. Top is set to take a specific height and bottom equally.

My problem is with the middle part, it must be variable height so the page is filled out if there is not enough content or that the visitor has a very high resolution.

The site is set to 100% and when I have 2 boxes with a specified height of course I can not enter the center, to fill 100% since then very much bulkier than it should.

I can say that the code is written with tables and Altitude conducted in CSS with a lot of DIVs

Can I enter a middle variable height in CSS or should use javascript?
Reply With Quote
  #2  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 2,008
If the middle part must have variable height, you can not just fail to specify a height at all - or what ...?
Reply With Quote
  #3  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 30
Nope. Does the same result. I must state height.

I have since indicated to be 100% and I had not the 2 boxes are filled so I could throw a 100% of my content box and everything would be good. But because the design is the top and bottom must be specified in fixed size.
Reply With Quote
  #4  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 2,008
Okay, I think I misunderstood the question a bit.
You want the page to fill the entire screen, but if the content is wider, the height follow.

Have you tried to set the height to 100%, then you've ensured that it does not work that way?

If it is not possible to put the middle div tag to the desired, you will not, however, javascript. You can set it up in a simple table (but it seems like you do not feel like the solution?)
Reply With Quote
  #5  
Old 22-10-2008
Member
 
Join Date: Jan 2008
Posts: 1,515
The solution is a table or JavaScript. If you need to use JavaScript to get one's design to 'go up', is a design error;

The technology is simply not equipped for the kind of designs.
Reply With Quote
  #6  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 30
Hehe, you well said it. I think I will look again and see if I can make a workaround.

I'll throw an answer so you get some points
Reply With Quote
  #7  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 30
Hip Hip Hurray.

If you try to use the small gray to what they intended to manage it so.

Make a wrap on it all with big image of 100%, lower then the 2 beams which are in fixed height to position: absolute, then it is

My design is now with variable height ....
Reply With Quote
  #8  
Old 22-10-2008
Member
 
Join Date: Jan 2008
Posts: 1,515
Managed?!

Can you explain a bit more how you did?
Reply With Quote
  #9  
Old 22-10-2008
Member
 
Join Date: May 2008
Posts: 2,008
Yes, if you can accept that the content is lost during the lower box at the 'overflow, it is not hard to find a solution. What I took for granted, however, was not a solution
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags:



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Variable height in CSS"
Thread Thread Starter Forum Replies Last Post
How to know height of row in Excel? Dipanwita Windows Software 2 04-01-2012 07:19 PM
Runtime Error 91 : Object Variable or with block variable not set Ryan21 Software Development 2 28-08-2009 07:51 PM
MAX width and max height of a image using css Rutajit Software Development 2 22-05-2009 07:30 PM
What is Global Variable static? Declaring static variable instead of Global variable Reckon Software Development 3 25-04-2009 11:34 AM
Bug in the Iframe height related to IE8 Janhavi4U Windows Software 4 30-01-2009 11:27 PM


All times are GMT +5.5. The time now is 07:55 AM.