sitenin bütün tarayıcılarda aynı görünmesi

  • Konbuyu başlatan Konbuyu başlatan siner
  • Başlangıç tarihi Başlangıç tarihi
Kodla Büyü
S

siner

Üye
Mesajlar
22
web tasarım ile uğraşan bir çoğunun belli bir dönem de olsa sorunur.sitenin farklı işletim sistemlerinde ve farklı tarayıcılarda aynı görünmesi.
kimi zaman sayfa dağılır kimi zaman sağa sola kayar kimi zaman bi taraf kayar gider vs.
yaptığım site nasıl olmuş yorum yapın diyenlere dahi çoğunlukla site mozilla da yamuluyoo,explorer son sürümde dağılıyoo gibi cevaplar verilir.
bu konuda kendini geliştirmiş olanlar yardımcı kod,link,video ders gibi kaynakları paylaşabilir mi?
saygılarımla
 
Hocam benim hazırladığım site şu:
www.mdio.meb.k12.tr

siteyi tablolar üzerine kurdum. Div'ler firefox'da sorun çıkartabiliyor. Tablolarla iyi çalışabilirseniz sorun kalmayacağını düşünüyorum. Gerçi daha bilgili arkadaşlar var forumda.
 
Hocam siteniz güzel olmuş, ama Mersin'de standart şablon kullanılıyor. Vali amcam sizin siteyi görmemiş galiba.
 
Mersinli33' Alıntı:
Hocam siteniz güzel olmuş, ama Mersin'de standart şablon kullanılıyor. Vali amcam sizin siteyi görmemiş galiba.
Genişletmek için tıkla ...

Sağolun hocam. Valilikten bu yıl bir yazı geldi ama standart bir şablondan bahsetmiyordu hocam, internet sitesinde olması gereken bazı içeriklerden bahsediyordu. İlk kez duydum, bir çok site farklı tasarımlar kullanmış ama...
 
bazı sitelerde anladığım kadarı ile sayfa yüklenmeden hangi tarayacıdan yada nasıl çözünürlükde açılacağını sorgulayıp sayfayı o biçime sokuyor. bunun nasıl olduğunu bilen arkadaşlar paylaşırsa faydalı olur kanaatindeyim.
 
mdio' Alıntı:
Hocam benim hazırladığım site şu:
http://www.mdio.meb.k12.tr

siteyi tablolar üzerine kurdum. Div'ler firefox'da sorun çıkartabiliyor. Tablolarla iyi çalışabilirseniz sorun kalmayacağını düşünüyorum. Gerçi daha bilgili arkadaşlar var forumda.
Genişletmek için tıkla ...
javascript ile tarayıcı tipi ve versiyonuna göre uygun css dosyasını gömebiliyorsunuz.
mesela ie7 için head tagları arasına şunu yazın
Kod: 
<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="ie7_uyumlu_stil_dosyasi.css">
<![endif]-->
 
peki hocam bu kodlar ''aşağı doğru farklı tarayıcılarda farklı uzayan tablolar'' için çözüm mü?
 
açmam gerekirse sayfa 3 sütun halinde ve sağ-sol kenardaki tablolar % ve pixel cinsinden eşitlemeye çalışsam da olmuyor.birinde olduğu zaman diğerinde az aşağı kayıyor,onu düzeltince diğeri yukarı çıkıyor.
 
tinyamasisurum0' Alıntı:
http://meyerweb.com/eric/tools/css/reset/

burayı da incelemenizi tavsiye ederim. ayrıca kodlarken aşama aşama sayfanızı her tarayıcıda tek tek kontrol edebilirsiniz.
Genişletmek için tıkla ...

o kodları denemiştim.benim sorunuma çözüm olmamıştı.
 
siner' Alıntı:
peki hocam bu kodlar ''aşağı doğru farklı tarayıcılarda farklı uzayan tablolar'' için çözüm mü?
Genişletmek için tıkla ...
tarayıcı tipi ve versiyonuna göre stilleri hazırladıktan sonra niye çözüm olmasın ki?
ie6 ile siteni açan ie6'ya uyumlu stilleri görür, ie7 ile açan ie7 ile uyumlu stilleri görür, özgünlük olur.
 
tinyamasisurum0' Alıntı:
hocam sitenizin kodlarını şu sayfalardaki 3 sütunlu örnekleri arayıp bularak karşılaştırın ya da direk o kodlara taşıyın derim ben.

http://www.maxdesign.com.au/articles/css-layouts/
http://www.cssplay.co.uk/layouts/
Genişletmek için tıkla ...
düzgün olarak hazırlanmış siteleri incelemeye çalıştım ama css kullanmışlar hocam.en azından ben öyle gördüm zannediyorum ve css leri yazılara uygulama haricinde iyi değilim.sanırım css leri tablolara uygulamam lazım ama yeterli değilim.
 
siner' Alıntı:
tinyamasisurum0' Alıntı:
hocam sitenizin kodlarını şu sayfalardaki 3 sütunlu örnekleri arayıp bularak karşılaştırın ya da direk o kodlara taşıyın derim ben.

http://www.maxdesign.com.au/articles/css-layouts/
http://www.cssplay.co.uk/layouts/
Genişletmek için tıkla ...
düzgün olarak hazırlanmış siteleri incelemeye çalıştım ama css kullanmışlar hocam.en azından ben öyle gördüm zannediyorum ve css leri yazılara uygulama haricinde iyi değilim.sanırım css leri tablolara uygulamam lazım ama yeterli değilim.
Genişletmek için tıkla ...

hocam hiç vakit kaybetmeden css dünyasına dalın derim. herşey daha kolay herşey daha basit. öğreneceğiniz temeldeki margin, padding, border, width, height, float, background gibi çok temel şeyler bile size çok büyük güç katacaktır.

hocamın da dediği gibi fatihhayrioglu.com gibi Türkçe kaynakları kullanabileceğiniz gibi lynda.com un eğitim cdlerini de indirip izleyebilirsiniz.
 
teşekkürler arkadaşlar.css ile ilgili videolu dersler buldum ama pek yararlı değildi.css konusunda ilerlemem gerektiğinin farkındayım.
 
Cevap yazmak için giriş yap yada kayıt ol.
BBNET
Geri
Üst