<div> bir arka plan görüntüsü olarak bir resim ayarlayabilirsiniz:

<style>
    #test { 

        background-image: url(./images/grad.gif); 
        background-repeat: no-repeat;
        background-position: center center; 

        width:80%; 
        margin-left:10%; 
        height:200px; 
        background-color:blue;

    }

</style>

<div id="test"></div>

<div> merkezi bir tablonun yatay ve dikey olarak ayarlamak gerekiyor. Çapraz tarayıcı çözüm CSS kullanan var mı?

Ortalama CSS en büyük sorunlardan biri. Ancak, bazı püf noktaları var:

Tablo yatay olarak ortalamak için otomatik olarak sol ve sağ kenar boşluğu ayarlayabilirsiniz:

<style>
  #test {
    width:100%;
    height:100%;
  }
  table {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
  }
</style>

Bunu dikey olarak ortalamak için tek yolu javascript kullanmak için:

var tableMarginTop = Math.round( (testHeight - tableHeight) / 2 );
$('table').css('margin-top', tableMarginTop) # with jQuery
$$('table')[0].setStyle('margin-top', tableMarginTop) # with Mootools

vertical-align:middle bir masa, bir blok ve bir satır içi eleman olarak mümkün değildir.

Edit

Burada CSS ortalama çözümleri özetleyen bir web sitesi: http://howtocenterincss.com/