Re: [css-d] equal height columns - strickes again - no faux column allowed (I suppose)
You could try something like: #conteudoPrimeiraColunaProdutoHome, #conteudoSegundaColunaProdutoHome, #conteudoTerceiraColunaProdutoHome { min-height:7em; _height:7em; } You could try something like: #conteudoPrimeiraColunaProdutoHome, #conteudoSegundaColunaProdutoHome, #conteudoTerceiraColunaProdutoHome { min-height:7em; _height:7em; } -- Regards, Thierry | www.tjkdesign.com -- Regards, Thierry | www.tjkdesign.com Thanks a lot Thierry, Can I please ask a few questions: 0) Should we have both, the big margin and bottom value technique and a defined height? Or one will suffice (I will test, is just to have some theoretic references) 1) So, we apply a min-height to compliant browsers, and we give _height that will be read by IE 6, correct? 2) Why do we do min-height, and not height? (I will read about both properties and try to figured out myself, still, some help figuring out would be nice. :) ) 3) If we can do this, on what circumstances should we use the equal height techniques instead ? (I would like to properly understand where should we use one, and where should we use another.) Again, thank you. Márcio __ 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] equal height columns - strickes again - no faux column allowed (I suppose)
0) Should we have both, the big margin and bottom value technique and a defined height? Or one will suffice (I will test, is just to have some theoretic references) Do it both ways. Then you may know which way is best for the situation you currently face, 1) So, we apply a min-height to compliant browsers, and we give _height that will be read by IE 6, correct? Yes. 2) Why do we do min-height, and not height? (I will read about both properties and try to figured out myself, still, some help figuring out would be nice. :) Apply the fix to the layout. Test the page at text-size largest in IE; and at +1 and +2 font-scaling in a compliant browser. This will answer your question. 3) If we can do this, on what circumstances should we use the equal height techniques instead ? After you've done a hundred or so layouts you may know under exactly what set of specific circumstances which is best and why. Or, you may not know that. (I would like to properly understand where should we use one, and where should we use another.) Try both of them. Preferably with stress testing (font-scaling). This will enable you to decide where you should use one or the other in the specific situation such as the one at hand. Maybe. I think in general that there are relatively few definitive answers that will work in every conceivable situation that arises in any given layout. There is a long and steep learning curve. With knowledge of the specs, time, experience, and practice, knowing what works when and where becomes a little easier. Márcio ~d __ 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] equal height columns - strickes again - no faux column allowed (I suppose)
Better than giving a fish to someone is to teach that someone how to fish. Thanks a lot David, again. I will properly test the above later tonight. Regards, Márcio __ 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] equal height columns - strickes again - no faux column allowed (I suppose)
Hello all, Please have a look on the orange boxes here: http://www.chequedejeuner.nuvemk.com/educainfantil.html I have overflow:hidden; on the container(wrapper). I have set the margins and padding to big opposite values. Still, the equal heights don't appear among orange boxes. Each orange box as a right border that should be preserved, and this was the reason why this technique was preferred. Can I please ask your help in order to allow equal height among those orange boxes? Thanks a lot, Márcio __ 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] equal height columns - strickes again - no faux column allowed (I suppose)
Please have a look on the orange boxes here: http://www.chequedejeuner.nuvemk.com/educainfantil.html I have overflow:hidden; on the container(wrapper). I have set the margins and padding to big opposite values. Still, the equal heights don't appear among orange boxes. Each orange box as a right border that should be preserved, and this was the reason why this technique was preferred. Can I please ask your help in order to allow equal height among those orange boxes? You could try something like: #conteudoPrimeiraColunaProdutoHome, #conteudoSegundaColunaProdutoHome, #conteudoTerceiraColunaProdutoHome { min-height:7em; _height:7em; } -- Regards, Thierry | www.tjkdesign.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/