[css-d] Height 100% issue

2014-06-15 Thread Tom Livingston 
List,

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

Given:


 
 
 Facebook


.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  a écrit :

> List,
> 
> Can't post a link right now so bear with me...
> 
> Given:
> 
> 
> 
> 
> Facebook
> 
> 
> .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  wrote:
> 
> 
>> Le 16 juin 2014 à 10:05, Tom Livingston  a écrit :
>> 
>> List,
>> 
>> Can't post a link right now so bear with me...
>> 
>> Given:
>> 
>> 
>>
>>
>>Facebook
>> 
>> 
>> .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/