Re: [css-d] center vertically - a quest

2011-11-17 Thread David Laakso

On 11/16/11 5:55 PM, mem wrote:

On Nov 16, 2011, at 22:47 , mem wrote:


Hello all, again.

This is hard. (At least it seems to be);



It is mind boggling.  Try a long walk followed by a cup and a nap:-) .




I should have a container of a min-width and min-height defined so that, if the 
image inside that container is very tiny, the container should maintain is 
position, by having the contained image centered, both vertically and 
horizontally.

We will not know image dimensions.
The only thing we know is that, why will not be wider or higher then a certain 
value.

Excluding good browsers, the solution must work on ie8 and sup;

I can't find a way to vertically and horizontally center those images, and 
keeping a min-height and width defined.

Can I have your help please?

cf:
.logo-organization-home

http://help.nuvemk.com/centerImages/centerplease.php
http://help.nuvemk.com/centerImages/style.css

Additional notes:

1)
.logo-organization-home or, a container of this, should be floated left; 
(because this will fit the layout like this, and that the reason I leave that 
property defined there.

2)
This is semantically relevant information and not decorative, so using 
background position may not fit on this case.


Thanks a lot!



I have no idea how or even why you would want to do that. Try using a 
programming [scripting] language to do it.


Otoh, a simple approach with CSS is just to let stuff fall in place and 
let it do its happy little thing without torturing it. You might set a 
max-with on the images...?


Something like this [checked in IE 7/8 ]:
http://chelseacreekstudio.com/me1.html

Best,
~d










--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.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] center vertically - a quest

2011-11-16 Thread mem
On Nov 16, 2011, at 22:47 , mem wrote:

 Hello all, again.
 
 This is hard. (At least it seems to be);
 
 I should have a container of a min-width and min-height defined so that, if 
 the image inside that container is very tiny, the container should maintain 
 is position, by having the contained image centered, both vertically and 
 horizontally.
 
 We will not know image dimensions. 
 The only thing we know is that, why will not be wider or higher then a 
 certain value.
 
 Excluding good browsers, the solution must work on ie8 and sup;
 
 I can't find a way to vertically and horizontally center those images, and 
 keeping a min-height and width defined.
 
 Can I have your help please?
 
 cf:
 .logo-organization-home
 
 http://help.nuvemk.com/centerImages/centerplease.php
 http://help.nuvemk.com/centerImages/style.css

Additional notes:

1)
.logo-organization-home or, a container of this, should be floated left; 
(because this will fit the layout like this, and that the reason I leave that 
property defined there.

2)
This is semantically relevant information and not decorative, so using 
background position may not fit on this case.


Thanks a lot!
__
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/