On 24/06/2009, at 10:02 PM, MEM wrote: > Unfortunately the text-align center centers the content > on the wrapper, but not > on the "visual bordered box".
The inline-block solution *does* work. Before you dismiss it I would suggest looking closer at your implementation. From what I can see you are using Scott Schiller's background image technique (http://www.schillmania.com/projects/dialog2/). Rather than work from your file I grabbed his base and altered it to refer to your background image, centered the content with 'text-align: center' and set the 'wrapper' divs to 'display: inline-block' then hacked <IE8 to force it to display inline-block correctly (as I said in my previous email). http://snadden.com/sandbox/mem2.html This technique does work in IE6 also. However from your link (http://www.cantinho.org/pt/cantinho-site/rounded_gradient_boxes_v4_clean_up.html ) it looks like you have not yet looked at IE6. You need to hack IE to handle transparent PNGs and do a few other things around max-height etc. The only browser that has a problem with my technique is firefox 2 which is probably pretty minor at this stage. There are workarounds but I don't have time to go into them at the moment. Cheers, Tim ______________________________________________________________________ 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/
