[css-d] Best way to center something in a div

Wed, 05 Jul 2006 09:51:57 -0700 

I'm trying to center a couple of select boxes within a div that has a
background image. However, I don't want everything within the div centered,
only the select elements.

I've tried text-align: center and also setting the margin: 0 auto. But
neither work. What's the easiest to center a specific element within another
div?

Here's the code I have so far...

.greyBoxSmall {
        background-image: url(images/small_solid_blob.gif);
        background-repeat: no-repeat;
        width: 141px;
        height: 70px;
        padding:5px;
        font-size: .8em;
}

.greyBoxSmall select {
        font-size: .6em;
        height: 13px;
        width: 100px;
}

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to