SORU
31 Temmuz 2013, ÇARŞAMBA


Nasıl merkezi mutlak yatay CSS kullanarak div için?

Ortada değil bir div var ve ben de veriyorum ancak yatay olarak ortalanmış olmasını istiyorum - margin:0 auto;...

.container {
    position: absolute;
    top: 15px;
    z-index: 2;
    width:40%;
    max-width: 960px;
    min-width: 600px;
    height: 60px;
    overflow: hidden;
    background: #fff; 
    margin:0 auto;
}

CEVAP
31 Temmuz 2013, ÇARŞAMBA


left:0; right:0; ayarlamak gerekir.

Bu kenar kenarları dengelemek için nasıl penceresinin taraftan belirtir.

http://www.w3.org/TR/CSS2/visuren.html#position-props


http://jsfiddle.net/SS6DK/

CSS

.container
{
  position: absolute;
  top: 15px;
  z-index: 2;
  width:40%;
  max-width: 960px;
  min-width: 600px;
  height: 60px;
  overflow: hidden;
  background: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ciaran Blumenfeld

    Ciaran Blume

    20 NİSAN 2009
  • Kassem G

    Kassem G

    25 EKİM 2006
  • NextGenWindows

    NextGenWindo

    8 Kasım 2011