Re: [css-d] Height 100% issue

2014-06-16 Thread Tom Livingston

 Does .dots contain something that contribute to the height of .leftcol?

 This is a possible solution:

 .leftcol { position: relative; }
 .dots { position: absolute; top: 0; bottom: 0; }



This looks like it's gonna work well. Thanks Philippe.


-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
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/


[css-d] Height 100% issue

2014-06-15 Thread Tom Livingston
List,

Can't post a link right now so bear with me...

Given:

div class=leftcol clear
 div class=cta-wrap/div
 div class=dots vert leftbr/div
 div class=facebook-widgetpFacebook/p/div
/div

.cta-wrap and .dots are float left
.facebook-widget is float right
.leftcol has clearfix applied

I have .dots set as height 100% - which should be 100% the height of
.leftcol, thing is, I can't define a height on .leftcol (fluid layout
and .cta-wrap has a scaling image) so .dots isn't rendering height
100%.

Is there a simple way to get .dots to render height 100% - without
script? I'm drawing a blank.

Any help would be appreciated.

Thanks

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
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] Height 100% issue

2014-06-15 Thread Philippe Wittenbergh

Le 16 juin 2014 à 10:05, Tom Livingston tom...@gmail.com a écrit :

 List,
 
 Can't post a link right now so bear with me...
 
 Given:
 
 div class=leftcol clear
 div class=cta-wrap/div
 div class=dots vert leftbr/div
 div class=facebook-widgetpFacebook/p/div
 /div
 
 .cta-wrap and .dots are float left
 .facebook-widget is float right
 .leftcol has clearfix applied
 
 I have .dots set as height 100% - which should be 100% the height of
 .leftcol, thing is, I can't define a height on .leftcol (fluid layout
 and .cta-wrap has a scaling image) so .dots isn't rendering height
 100%.
 
 Is there a simple way to get .dots to render height 100%

Does .dots contain something that contribute to the height of .leftcol? 

This is a possible solution:

.leftcol { position: relative; }
.dots { position: absolute; top: 0; bottom: 0; }


Philippe
--
Philippe Wittenbergh
http://l-c-n.com




__
css-discuss [css-d@lists.css-discuss.org]
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] Height 100% issue

2014-06-15 Thread Tom Livingston


Sent from my iPhone

 On Jun 15, 2014, at 10:29 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
 
 
 Le 16 juin 2014 à 10:05, Tom Livingston tom...@gmail.com a écrit :
 
 List,
 
 Can't post a link right now so bear with me...
 
 Given:
 
 div class=leftcol clear
div class=cta-wrap/div
div class=dots vert leftbr/div
div class=facebook-widgetpFacebook/p/div
 /div
 
 .cta-wrap and .dots are float left
 .facebook-widget is float right
 .leftcol has clearfix applied
 
 I have .dots set as height 100% - which should be 100% the height of
 .leftcol, thing is, I can't define a height on .leftcol (fluid layout
 and .cta-wrap has a scaling image) so .dots isn't rendering height
 100%.
 
 Is there a simple way to get .dots to render height 100%
 
 Does .dots contain something that contribute to the height of .leftcol? 

.dots only contains a repeating background pattern. Design directed. 

 
 This is a possible solution:
 
 .leftcol { position: relative; }
 .dots { position: absolute; top: 0; bottom: 0; }
 

Not sure about this. Will give it a try.

 
 Philippe
 --
 Philippe Wittenbergh
 http://l-c-n.com
 
 

Thank you Philippe

__
css-discuss [css-d@lists.css-discuss.org]
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/

[css-d] height:100% issue on mobile browsers

2013-08-18 Thread Adam Ambrus

hello,

url: http://www.gjh.sk/~ambrus/emental/
css: http://www.gjh.sk/~ambrus/emental/assets/css/global.scss

when viewed on desktop, everything works as it should.  however, on iOS6 
Safari the images contained in the gallery slider are displayed as 1:1 
(ie. they don't shrink to the container's height - html, body, and all 
nested containers have height:100%; set for proper inheritance, this 
works on desktops).


does anyone know what the problem could be?

thanks for any answer,
Adam
__
css-discuss [css-d@lists.css-discuss.org]
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/


[css-d] Height 100%

2009-06-21 Thread trevor bayliss

Hi all,
I changed the height of the div #insidecentre to 100% instead of 535px as the 
fixed pixel height was making the text in the div overlap the footer.
100% works fine to sort out that problem but now the div is only as high as the 
text inside the div and when there is little text this means the div is too 
small (I would like it to be 535px).  

http://tinyurl.com/lch7u3

What is another css solution to this problem? Thank-you in advance



  

__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread Divya Manian
Hi Trevor


On 6/20/09 11:18 PM, trevor bayliss bayliss_tre...@yahoo.com wrote:

 
 Hi all,
 I changed the height of the div #insidecentre to 100% instead of 535px as the
 fixed pixel height was making the text in the div overlap the footer.
 100% works fine to sort out that problem but now the div is only as high as
 the text inside the div and when there is little text this means the div is
 too small (I would like it to be 535px).
 
 http://tinyurl.com/lch7u3
 
 What is another css solution to this problem? Thank-you in advance
 

You can set the min-height of the div to be 535px this means it will be
minimum 535px and expand if the div has more text.

For IE 6, you would have to set the div to be 535px as it does not
understand min-height

Regards,
Divya
 

-- 
I blog at http://nimbupani.com/blog


__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread trevor bayliss

Thanks Divya I used min-height and it works well for IE 8 and FF. What is the 
workaround for IE6 please? Thank you 

--- On Sat, 6/20/09, Divya Manian divya.man...@gmail.com wrote:

 From: Divya Manian divya.man...@gmail.com
 Subject: Re: [css-d] Height 100%
 To: trevor bayliss bayliss_tre...@yahoo.com, css-d@lists.css-discuss.org
 Date: Saturday, June 20, 2009, 11:28 PM
 Hi Trevor
 
 
 On 6/20/09 11:18 PM, trevor bayliss bayliss_tre...@yahoo.com
 wrote:
 
  
  Hi all,
  I changed the height of the div #insidecentre to 100%
 instead of 535px as the
  fixed pixel height was making the text in the div
 overlap the footer.
  100% works fine to sort out that problem but now the
 div is only as high as
  the text inside the div and when there is little text
 this means the div is
  too small (I would like it to be 535px).
  
  http://tinyurl.com/lch7u3
  
  What is another css solution to this problem?
 Thank-you in advance
  
 
 You can set the min-height of the div to be 535px this
 means it will be
 minimum 535px and expand if the div has more text.
 
 For IE 6, you would have to set the div to be 535px as it
 does not
 understand min-height
 
 Regards,
 Divya
  
 
 -- 
 I blog at http://nimbupani.com/blog
 
 
 __
 css-discuss [cs...@lists.css-discuss.org]
 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/
 


  
__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread Tim Snadden

On 21/06/2009, at 6:43 PM, trevor bayliss wrote:


  What is the workaround for IE6 please?


 For IE 6, you would have to set the div to be 535px as it
 does not
 understand min-height


Divya gave the workaround in the original message. IE6 will ignore min- 
height. However, if you set 'height' to 535px (only for IE6) it will  
work as IE6 will expand the div if the content is taller than 535px.  
The key is to ensure that only IE6 sees this rule. There are various  
ways of doing this. I prefer to use conditional comments 
(http://www.quirksmode.org/css/condcom.html 
). This isolates all of the nonsense IE rules in their own space. If  
you don't want to use conditional comments you can use a CSS hack  
instead.
__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread Paul Farnell
On 21 Jun 2009, at 07:43, trevor bayliss wrote:

 Thanks Divya I used min-height and it works well for IE 8 and FF.  
 What is the workaround for IE6 please? Thank you


Hi Trevor. For IE6 you can simply specify the height as 535px. It'll  
auto-expand to be larger than that if the content requires it.

However, make sure you specify the height in a conditional comment (or  
using an IE hack), since other browsers *will* obey that rule and make  
it strictly 535px high and no more.

Paul

-- 
Paul Farnell
http://litmusapp.com
__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread trevor bayliss

Thanks for the replies I did the following using conditional comments for IE6 
directly in the css:
#insidecentre { 
!--[if lt IE 7]
height: 592px;
![endif]--
min-height: 592px; display: block; border: 1px solid #ccc; width: 297px; 
float:left;}

it doesn't seem to alter the height in FF and IE8. Where am I going wrong?
Cheers



--- On Sun, 6/21/09, Paul Farnell p...@salted.com wrote:

 From: Paul Farnell p...@salted.com
 Subject: Re: [css-d] Height 100%
 To: trevor bayliss bayliss_tre...@yahoo.com
 Cc: css-d@lists.css-discuss.org, Divya Manian divya.man...@gmail.com
 Date: Sunday, June 21, 2009, 4:26 AM
 On 21 Jun 2009, at 07:43, trevor
 bayliss wrote:
 
  Thanks Divya I used min-height and it works well for
 IE 8 and FF. What is the workaround for IE6 please? Thank
 you
 
 
 Hi Trevor. For IE6 you can simply specify the height as
 535px. It'll auto-expand to be larger than that if the
 content requires it.
 
 However, make sure you specify the height in a conditional
 comment (or using an IE hack), since other browsers *will*
 obey that rule and make it strictly 535px high and no more.
 
 Paul
 
 --Paul Farnell
 http://litmusapp.com
 


  

__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread David Laakso
trevor bayliss wrote:
 Thanks for the replies I did the following using conditional comments for IE6 
 directly in the css:

 Cheers


   


The CC goes in the head of the document not on the CSS file:


titlePoggio alle Corti-Villa Italy, Villa Tuscany, Villa Corti, 
Florence, Italian Villa/title
link rel=stylesheet 
href=http://www.poggioallecorti.it//css/inside.css; type=text/css /
!--[if lt IE 7 ]
style
#insidecentre {height: 592px;}
/style
![endif]--
script type=text/JavaScript src=js/photocindex.js/script
/head


Please bottom post.












__
css-discuss [cs...@lists.css-discuss.org]
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] Height 100%

2009-06-21 Thread trevor bayliss

 trevor bayliss wrote:
  Thanks for the replies I did the following using
 conditional comments for IE6 directly in the css:
 
  Cheers
 
 
    
 
 
 The CC goes in the head of the document not on the CSS
 file:
 
 
 !--[if lt IE 7 ]
 style
 #insidecentre {height: 592px;}
 /style
 ![endif]--
 script type=text/JavaScript
 src=js/photocindex.js/script
 /head
 
 
 Please bottom post.
 
 
 Thanks David
 
 
 
 
 
 
 
 
 
 __
 css-discuss [cs...@lists.css-discuss.org]
 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/
 


  

__
css-discuss [cs...@lists.css-discuss.org]
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/


[css-d] Height %100 Problem

2008-02-20 Thread Gercek Karakus
Hi,

I am working on a website and have a problem with width property. I want my
left column background to extend to the footer. I tried several methods...
However, I could not achieve my goal. Does anyone have an opinion?

This is the address of the website I am working on:
http://anxiety.binghamton.edu/new/

PS: I searched forums and found that assigning 100% height for body would
solve the problem but it did not...
http://www.webmasterworld.com/forum83/200.htm

Thanks,

-- 
Gercek Karakus
__
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] Height %100 Problem

2008-02-20 Thread Gunlaug Sørtun
Gercek Karakus wrote:

 I am working on a website and have a problem with width property. I 
 want my left column background to extend to the footer. I tried 
 several methods... However, I could not achieve my goal. Does anyone
  have an opinion?

What's the best method depends on the case at hand, but here are a few
options:

http://www.positioniseverything.net/articles/onetruelayout/equalheight
http://www.satzansatz.de/cssd/companions.html
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
http://www.communitymx.com/content/article.cfm?cid=afc58

 http://anxiety.binghamton.edu/new/

Here's an example with the first option - onetruelayout - applied to
your page...
http://www.gunlaug.no/tos/alien/gk/test_08_0220.html

I deleted all references to 'height: 100%' - it's a flawed approach
anyway, and added the necessary styles - commented with 'added' in the
stylesheet...

http://www.gunlaug.no/tos/alien/gk/test_08_0220_files/main.css

Note: I added a fix for the dropping right column in IE6 while I were at it.

regards
Georg
-- 
http://www.gunlaug.no
__
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/


[css-d] height: 100%;

2006-03-13 Thread caparuni
hi all, i'm a new member and like to share my problem and hope that
someone could help me out, cause i'm stuck here for days ;(

http://www.caparuni.or.id/konsulat_philipines/main5.htm
http://www.caparuni.or.id/konsulat_philipines/main6.htm

i've made those 2 layout and have some problem with height.
in main5.htm the #contentLEFT (gray) have more height than
#contentRIGHT (brown) and in main6.htm the #contentRIGHT (brown) have more 
height than #contentLEFT (gray)
then my question is how to make this a 100% height to their parrents
(#content)

and plase iform me if i made a bad/wrong coding for this site... TIA


-- 
caparuni  

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] height: 100%;

2006-03-13 Thread felix . zapata
hi, maybe you can use the faux columsn method

http://www.communitymx.com/abstract.cfm?cid=AFC58



Quoting caparuni [EMAIL PROTECTED]:

 hi all, i'm a new member and like to share my problem and hope that
 someone could help me out, cause i'm stuck here for days ;(

 http://www.caparuni.or.id/konsulat_philipines/main5.htm
 http://www.caparuni.or.id/konsulat_philipines/main6.htm

 i've made those 2 layout and have some problem with height.
 in main5.htm the #contentLEFT (gray) have more height than
 #contentRIGHT (brown) and in main6.htm the #contentRIGHT (brown) have 
 more height than #contentLEFT (gray)
 then my question is how to make this a 100% height to their parrents
 (#content)

 and plase iform me if i made a bad/wrong coding for this site... TIA


 --
 caparuni

 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
 List wiki/FAQ -- http://css-discuss.incutio.com/
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] height: 100%;

2006-03-13 Thread Bob Easton
caparuni wrote:
 hi all, i'm a new member and like to share my problem and hope that
 someone could help me out, cause i'm stuck here for days ;(
 
 http://www.caparuni.or.id/konsulat_philipines/main5.htm
 http://www.caparuni.or.id/konsulat_philipines/main6.htm
 
 i've made those 2 layout and have some problem with height.
 in main5.htm the #contentLEFT (gray) have more height than
 #contentRIGHT (brown) and in main6.htm the #contentRIGHT (brown) have more 
 height than #contentLEFT (gray)
 then my question is how to make this a 100% height to their parrents
 (#content)
 

You are seeing normal behavior for height. Containers expand in height 
to hold their content.

Our WIKI has an article about making any column longest which describes 
several ways to have all columns the same height.

See: http://css-discuss.incutio.com/?page=AnyColumnLongest

-- 
Bob Easton
Accessibility Matters: http://access-matters.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] height 100% XHTML

2006-03-09 Thread Paul Collins
Hi all,

We have a site built using XHTML transitional. We need a footer div to sit at 
the bottom of the page, even when the content doesn't reach the bottom fold, so 
basically the body DIV which comes before it in the code needs to have a height 
of 100% to push it down.

As far as I am aware height:100% is not supported in XHTML, at any rate it 
isn't working. We can make a background image tile the screen to give the 
appearance of the content stretching to the bottom, but the footer still needs 
to sit at the bottom of the browser, so it doesn't solve the problem. I have 
also tried absolutely positioning the footer at the bottom, but this sits at 
the bottom of the fold, not the bottom of the content, so when your content 
stretches below the fold the footer stays on top at the bottom of the screen, 
sitting on top of the content.

I was wondering if anyone else has tackled this problem before, and if so could 
you send me a link or explain your solution. Would really appreciate any 
advice. I hope I have made myself clear!

Example of code:

div id=content
content needs to have a height of 100%
/div
div id=footer
footer links need to sit at the bottom of the page even if the content 
doesn't stretch the height of the browser window.
/div


Cheers!
Paul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] height 100% XHTML

2006-03-09 Thread cj
i think i know just the solution for you.  note that to allow any
element within the page a 100% height, both body and html need to be
given some height property, which may be why yours wasn't working.

http://www.themaninblue.com/experiment/footerStickAlt/


taken from
http://css-discuss.incutio.com/?page=FooterInfo


i used his solution successfully on my own site, which uses an xhtml
trans doctype.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] height 100% not working?

2006-01-01 Thread Uwe Kaiser
On 01.01.2006 19:03, Arno @ Raketnet wrote:
 Hi list,
 
 First: all the best wishes for this new year. May it turn out to be as much 
 a problem-less year as possible ;o)
 
 Anyway... My year doesn't seem to start as problemless as I hoped.
 In the stylesheet I set the height for the column at 100%, thinking that it 
 will fill up the screen completely, regardless the amount of text and that 
 it would also extend would the text be more than fits the screen.

A hight of 100% is the hight of the viewport in your case.
If the viewport has a hight of 500px, than this 500px is
equivalent to 100%.

 
 However. That last thing it doesn't do. As soon as the text extends the 
 screen the background set in the wrapper stops.

This is the correct behavior. If you don't want it, you should not set
an explicit hight. You could set a min-height of 100%, instead.

 
 
 A second problem is that IE doesn't show the style sheet at all.

As long as you are using a syntax to filter MSIE,
you won't get another result.

 http://www.dithered.com/css_filters/css_only/index.php 



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


Re: [css-d] height 100% not working?

2006-01-01 Thread Tobias Baldauf
Hi!

A further problem will then be that IE does not understand min-height,
so you need to have a min-height filter for that. It might look like this:

/* for Mozilla/Safari/Opera */
*#youritem {
min-height:100%;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #youritem {
 height: 100%;
}
/* end of (minimum) height Filter */

IE does only read the height:100%; but it will enlarge if your content
is larger than 100% - just like you'd expect from min-height.

Greets,
Tobias

Uwe Kaiser schrieb:

 This is the correct behavior. If you don't want it, you should not set
 an explicit hight. You could set a min-height of 100%, instead.


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


[css-d] Height:100% problems

2005-11-03 Thread Josh McDonald
Is there any way to have a div that's height:100%, but grows when the
content is outside of the viewport? Why on earth is this difficult?
 
-Josh
 
--
 
My name was Brian McGee
I stayed up listening to Queen
When I was seventeen

  Josh 'G-Funk' McDonald  ::  Pirion Systems, Brisbane
 
 07 3257 0490  ::  0437 221 380  ::  [EMAIL PROTECTED]
 
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Height:100% problems

2005-11-03 Thread Michael Hulse
On Nov 3, 2005, at 5:20 PM, Josh McDonald wrote:
 Is there any way to have a div that's height:100%, but grows when the
 content is outside of the viewport? Why on earth is this difficult?

http://www.sitepoint.com/forums/showpost.php?p=1243541postcount=8

That might help.

You may also want to check here:

http://www.cssplay.co.uk/index.html

m
-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Height:100% problems

2005-11-03 Thread Josh McDonald
Cheers, the answer for me was display:table on the two inner divs :)

-Josh
 
--
 
My name was Brian McGee
I stayed up listening to Queen
When I was seventeen

  Josh 'G-Funk' McDonald  ::  Pirion Systems, Brisbane
 
 07 3257 0490  ::  0437 221 380  ::  [EMAIL PROTECTED]
 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Michael Hulse
Sent: Friday, 4 November 2005 11:28 AM
To: CSS-Discuss
Subject: Re: [css-d] Height:100% problems

On Nov 3, 2005, at 5:20 PM, Josh McDonald wrote:
 Is there any way to have a div that's height:100%, but grows when the 
 content is outside of the viewport? Why on earth is this difficult?

http://www.sitepoint.com/forums/showpost.php?p=1243541postcount=8

That might help.

You may also want to check here:

http://www.cssplay.co.uk/index.html

m
--
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org --
http://www.evolt.org/help_support_evolt/

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