Google Chrome farklı explorer'de farklı gösteriyor

div kullanmalısın

<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>

Bu kodu yazınca düzeliyomu?

Erzo' Alıntı:

<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>

Bu kodu yazınca düzeliyomu?

Genişletmek için tıkla ...

merhaba erzo demek istediğim tablo yerine div kullanmak ve diğer öğeleri block içine alıp bir div nesnesi gibi kullanmak

verdiğin örneği şöyle anlatabilirim
mantığı şu bir dive bir genişlik yada yükseklik verdiğinizde bunu margin değerleri dışboşluk ile ya da padding değerleri iç boşluklarını belirleyip sayfada div bölümleri oluşturmalısınız mesela bir ana div sol ve sağ sütunlar ve ortada ana kısım ve diğer p h a ul li gibi öğeleri display:block şekline getirerek div gibi konumlandırabilirsin margin padding arkaplan vs vs.
tabi bu divleri float:left yada right özelliği ile yan yana getirebilirsin


demek istediğim tablo kullanmadan tasarım yapmak örnek verecek olursak




<div style="display:block; width:200px; height:400px; margin:0px auto; background-color:#ccc; padding:5px; margin:8px;"">
<h3 style="display:block; background-color:#ccc; padding:5px; margin:8px;">This is a header</h3>
<p style="display:block; background-color:#ccc; padding:5px; margin:8px;">This is a paragraph.</p>
</div>

örnek verecek olursak dive bir genişlik ve yükseklik verip tarayıcıya göre ortalıyoruz h3 ve p etiketlerinide block içerisine alıp iç ve dış boşluklar veriyoruz

not: eğer tablo kullanmıyorsan sorunun reset.css kullanmamaktan kaynaklanabilir tarayıcılarda aynı görüntüyü elde etmek için div kullanmalısın ve reset.css kullanmalısın en popüler reset stil dosyası eric meyere aittir googleden bulabilirsin

Anladım teşekkürler...max1299

Erzo' Alıntı:

Anladım teşekkürler...max1299

Genişletmek için tıkla ...

rica ederim Erzo

Birşey daha sorucam verdiğim efekler chorome'da gözükmüyor onu nasıl yapıcam

Erzo' Alıntı:

Birşey daha sorucam verdiğim efekler chorome'da gözükmüyor onu nasıl yapıcam

Genişletmek için tıkla ...

ne efekti oval köşeler için
-webkit-border-radius //crome ve safari için
-moz-border-radius // mozilla için
boder-radius // opera ve exporler için

-------------------------------------------

box-shadow ise hepsinde görünür sadece
exporler 9 dan öncekilerde görünmüyor

çözümü filter : progid: DXImageTransforme.Microsoft.Shadow(dirrection=deger, strength=deger, color:renk)


-------------------------------------------

text shadow da aynı
hepsinde çalışır ve exporler 9dan öncekilerde çalışmıyor
çözümü var filtre kullanarak aynı şekilde fakat çok kötü bir sonuç elde ediliyor kullanmamanı tavsiye ederim

-------------------------------------------

not bunlar css efektleridir eğer jquery tarzı efekt soruyorsan belirtmelisin

Sayfa geçerken olan efekler dedim...

Doctype kullanmadıysan çok sorun yaşarsın. Kullandıysan sorun yok ama kullanmadıysan buraya bir bak.

<meta http-equiv="page-enter" content="revealTrans("duration=deger, transition="deger")"
/> kullandıysan eski tarayıcılarda çalışıyor

kodu yazarsan daha açık cevaplar alabilirsin

Tarayıcılar arasında uyumsuzluk sorunu olabilir.Örnek firefox'ta x kodu çalışırken operada y kodu çalışabilir.Bu yüzden her tarayıcı için kod yazmalısın.

Ben anlatım yapsam uzun sürecekti ancak dedigin olay style.css ile halledilebilir
link: Tarayclar aras uyumu salamak