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/