Re: [css-d] div appears to close before /div

2007-12-06 Thread Ray Leventhal 
 Subject: [css-d] div appears to close before /div

 Hi all,

 I'm having a strange problem with this page:

 http://www.cprtools.net/downloads/dl4.php

 in that the series of tables are all wrapped in  a div (#container)
 which has its background set to white (css in
 http://www.cprtools.net/downloads/dl.css):

 #container {
 margin: 3em 10em;
 background-color: white;
 height: 100%;
 min-width: 770px;
 border: 1px black solid;
 }


Colin Clark wrote:
 Hi Ray,
 
 I tried removing height:100% from the container div and it appears to
 solve your problem.
 
 Colin
 

Hi Colin,

Thanks for that! I don't know why 100% would cause the div to truncate,
but your solution sure worked.

Anyone know why that would cause the displayed behaviour?

Kind regards,
~Ray

-- 
Non scholae sed vitae discimus
=

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div appears to close before /div

2007-12-06 Thread Christian Kirchhoff 
 -Original Message-
 From: [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED] On Behalf Of Ray 
 Leventhal
 Sent: Thursday, December 06, 2007 4:59 PM
 To: css-d
 Subject: Re: [css-d] div appears to close before /div
 
  Subject: [css-d] div appears to close before /div
 
  Hi all,
 
  I'm having a strange problem with this page:
 
  http://www.cprtools.net/downloads/dl4.php
 
  in that the series of tables are all wrapped in  a div (#container) 
  which has its background set to white (css in
  http://www.cprtools.net/downloads/dl.css):
 
  #container {
  margin: 3em 10em;
  background-color: white;
  height: 100%;
  min-width: 770px;
  border: 1px black solid;
  }
 
 
 Colin Clark wrote:
  Hi Ray,
  
  I tried removing height:100% from the container div and it 
 appears to 
  solve your problem.
  
  Colin
  
 
 Hi Colin,
 
 Thanks for that! I don't know why 100% would cause the div to 
 truncate, but your solution sure worked.
 
 Anyone know why that would cause the displayed behaviour?
 
 Kind regards,
 ~Ray
 
 --
 Non scholae sed vitae discimus
 =

The question with 100% is: 100% of what?

100% is 100% of your browser window's height, or to be precise the
viewport's height. If you scroll the contents in a way that the top border
of the div is at the top border of the browser's viewort, then the bottom
border of the div should be at the bottom border of the browser's viewport.
Thus the height is exactly 100%.

Regards,

Christian Kirchhoff

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/