İki resim ve bir h1 ile bir div var. Hepsi dikey div içinde uyumlu hale getirilmesi, yanyana gerekiyor. Görüntülerin bir div içinde konumlandırılmış mutlak olması gerekir.

Css bu tüm yaygın tarayıcılar üzerinde çalışması için gerekli olan nedir?

  <div id=header">
      <img src=".." ></img>
      <h1>testing...</h1>
      <img src="..."></img>
    </div>

Vay be, bu sorun popüler. vertical-align özelliğinde bir yanlış anlama dayanıyor. Bu mükemmel bir makale açıklıyor:

Gavin Kistner tarafından Understanding vertical-align, or "How (Not) To Vertically Center Content".

“How to center in CSS”harika bir web gerekli CSS farklı durumlar için öznitelikleri ortalama bulmak için yardımcı olan bir araçtır.

Özetle^{(ve Bağlantı çürüklüğü önlemek için)}:

• Satır içi öğeler(vesadecesatır içi elemanları) dikey vertical-align: middle) bağlam içinde uyumlu olabilir. Ancak, “içerik” bütün üst kapsayıcı yükseklik değil, onlar metin satır yüksekliği.jsfiddle example
• Blok elemanları için, dikey hizalama daha sert ve güçlü bir şekilde, belirli bir duruma bağlıdır:
  • İç öğe olabiliryüksekliği sabitonun pozisyonu absolute height, margin-top top konumunu belirtebilirsiniz.jsfiddle example
  • Merkezli öğesitek bir çizgi oluşurveüst yüksekliği sabittirsadece kap line-height yüksekliği doldurmak için ayarlayabilirsiniz. Bu yöntem benim durumumda oldukça çok yönlüdür.jsfiddle example
  • ... daha böyle olacak, özel durumlarda.