tarayıcı farklılığından oluşan kaymalar

Web Tasarımı - tarayıcı farklılığından oluşan kaymalar ...

Cevapla
tarayıcı farklılığından oluşan kaymalar
iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart

tarayıcı farklılığından oluşan kaymalar

Alt 20-12-2011 #1
Sponsorlu Bağlantılar

Merhaba,

nacizane birşeyler yapmaya calısıyorum.daha tamamlamadım.
Ancak iki farklı tarayıcıdan farklı tepki aldım.

explorer da sadece ürünler sayfası kayık:smile:
chrome da ise sadece ürünler sayfası düzgün.:smile:

chrome da efeklerde belirgin cıkıyor.Ürünler sayfası hoşuma gitti mesela.
Ama explorer da gözükmüyor bunlar.

***********

incelerseniz farkedeceksiniz.
acaba ne yapabilirim düzeltmek için.
teşekkürler.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart
Alt 21-12-2011 #2
                             Sponsorlu Bağlantılar
tekrar merhaba,

sorumu yineliyorum.
chorme de çıkan efektler explorerda cıkmamasının sebebi ile
aynı sayfanın farklı tarayıcılarda neden farklı gözüktüğünü anlayamadım.
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 21-12-2011 #3
tam olarak görmeden bir şey diyemem ama css reset kullanabilirsin belki sorununu çözer
google dan eric mayer css reset dosyası yazdın mı çıkar

belkide ürünler divinin overflow ayarları ile oynarsan düzelme olabilir auto yada idden olarak
Bu mesajdan alıntı yap
iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart
Alt 21-12-2011 #4
teşekkür ederim,
site ********** girerseniz demek istediğimi anlıyacaksınız, farklı tarayıcılarda bakın..

dediklerinize bakıyım
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 21-12-2011 #5
iki seçeneğin var ya css dökümanında

body{text-aling:center;} yada

kapsayıcı div yani container'a

#container{margin-left:auto; margin-right-auto; } diyeceksin

fakat ie 9 da baktım gölge efektleri çalışmıyor bunun sorunu halletmek zor çünkü jquery kütüphanesini desteklemiyor

not body için text-aling : center dersen
diğer yazı olan divlere text-aling: left demen gerekir haberin olsun

eğer böyle yaparsan komple bütün elemanlar sayfanın ortasına gelir


sorunu haledince bildiriniz
Bu mesajdan alıntı yap
iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart
Alt 21-12-2011 #6
Merhaba, ilgin için teşekkür ederim, ben kurcaladım ama sonuc alamadım.Style.css kodu asagıda. Yine de kurcalıyorum suan..
Bu arada siteyi su sekilde yaptım.

boş bi html sayfada, üst ve alt kısımlarını yaptım. //index.asp dedim adına.

jquery eklentisini başka bir sayfada düzenledim. örn: urunler.asp dedim adına.

bu sayfayı yaptıgım indexin içine gömdüm.

<!-- #include file"urunler.asp" --> diyerek..

Bu arada indexin arkaplanı beyaz rekte. Ancak gömdüğüm sayfanın css i indexide etkiledi. Gerçi önemli değil daha iyi oldu ama bilgilendirmek istedim.
Belki bir faydası/önemi olur.

/************************************
URL: www.dddddfdssdl.com.tr
DATE: 12 aralık, 2011
************************************/

/* Global Styles */

	body								{background:#FFFFFF url('../../../inetpub/wwwroot/say/images/bg.png') repeat-x; font-size:12px;	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#000000}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{text-decoration:none;}
	a span								{font-size:90%;}
	h1									{font-size:25px;}
	h2									{font-size:23px;}
	h3									{font-size:21px;}
	h4									{font-size:19px;}
	h5									{font-size:17px;}
	h6									{font-size:15px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
	li									{margin-left:20px; position:relative;}
	p,
	li,
	dl									{line-height:18px;}
	p,
	dl,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset,
	img									{margin-bottom:20px;}
	#wrapper							{margin-top:7px;}
	ul li ul,
	ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	
/* Custom Grid */

	.container_12 						{margin-left:auto; margin-right:auto; width:1020px;}
	.float								{display:inline; float:left; position:relative;}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 							{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.container_12 .grid_1				{width:45px;}
	.container_12 .grid_2 				{width:130px;}
	.container_12 .grid_3 				{width:215px;}
	.container_12 .grid_4 				{width:300px;}
	.container_12 .grid_5 				{width:385px;}
	.container_12 .grid_6 				{width:470px;}
	.container_12 .grid_7 				{width:555px;}
	.container_12 .grid_8 				{width:640px;}
	.container_12 .grid_9 				{width:725px;}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{width:center;}
	
/* Global Classes */

	.hr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.pr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;}
	.dotted								{border-style:dashed; border-left:0; border-right:0;}	
	.meta								{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;}
	.right								{float:right;}
	.left								{float:left;}
	.img_left							{float:left; margin:10px 20px 10px 0;}
	.img_right							{float:right; margin:10px 0 10px 20px;}
	.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 							{text-align:right;}
	.error,
	.success							{display:none;}

/* Buttons */

	.button, .button:visited 			{background:#000000 url('../../../inetpub/wwwroot/say/images/alert-overlay.png') repeat-x; display:inline-block; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0 none;; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:6px}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Site Logo */

	h1#logo 							{font-size:48px; font-weight:normal; margin-top:30px; color:#000000;}

/* Site Navigation */

	ul#navigation						{text-transform:uppercase;}
	ul#navigation li 					{float:right; display:inline; margin : 0 0 0 50px;}
	ul#navigation li a					{font-family:arial, sans-serif !important; display:block; padding:44px 0 0; text-decoration:none; color:#000000; font-size:14px; font-weight:bold;}
	ul#navigation li a:hover,
	ul#navigation li a.current			{background:url('../../../inetpub/wwwroot/say/images/triangle.gif') no-repeat center top;}

/* Footer */

	.footer,							
	.footer a							{color:#494949;}
	.footer a:hover						{color:#9d9d9d;}
	
/* Sub Navigation */

	ul.sidebar							{list-style:none; margin:0 0 30px 0; padding:0;}
	ul.sidebar li						{margin:0 0 0 0; padding:0;}
	ul.sidebar a						{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; }
	ul.sidebar li:last-child a			{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
	ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
	ul.sidebar a:hover					{width:280px; background:#f6f6f6; padding:10px 0 10px 20px;}
	
/* Caption */

	h2.caption 							{color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:23px; line-height:30px;font-weight:normal; }
	h2.caption span						{color:#000000; font-weight:bold;}
	h2.caption a:hover					{text-decoration : underline;}

/* Homepage QuickNavigation */

	#quicknav							{background:url('../../../inetpub/wwwroot/say/images/link_border.png') repeat-x;}
	a .title 							{color:#000000;}
	.quicknavgrid_3						{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
	.quicknav							{background:#FFFFFF;}
	.quicknav:hover						{background:url('../../../inetpub/wwwroot/say/images/link_bg.png') repeat-x;}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{margin-left:0; width:205px;}

/* About Us Page Timeline */

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{width:50px; float:left; font-weight:bold;}
	dl.history dd						{width:250px; float:left; padding:0; margin-bottom:20px;}
	
/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	

/* Portfolio Image Slider sdsdsfddsf*/

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}


	
/* Portfolio Styles */
	
	.portfolio_item						{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
	
/* Blog Post Styles */

	.post a:hover						{text-decoration:underline;}
	.post .title						{color:#393939; font-size:30px;}
	.post .title a						{color:#393939; text-decoration:none;}
	.post a.button:hover				{text-decoration:none;}
	.post .sub							{font-size:12px; color:#9d9d9d;}
	.post .thumb						{width:619px; height:150px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Comment's List */
	
	.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
	.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
	.gravatar							{float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
	.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
	.comment_content					{float:left; width:569px;}
	.commentmetadata					{float:right;}
	.comment-reply-link					{text-decoration:none; font-size:10px;}
	.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
	.author_name a{color:#000000;}
	.comment_text						{clear:both; margin-top:10px;}
	.comment-reply-link					{text-align:center; display:block;}
	
/* Contact Form */

	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:400px;}
	#contact_form textarea				{width:500px;height:150px; resize: none;}
	#contact_form input.button			{float:right;}
	
/* Comment form */

	#comment_form ul					{float:left;}
	#comment_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input					{width:400px;}
	#comment_form textarea				{width:500px; height:150px; resize:none;}
	
/* Contact Page Sidebar */

	.contact ul 						{list-style:none;}
	.contact li 						{margin:auto;}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 					{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 21-12-2011 #7
baktım hala ortalanmamış firefox ta ve ie 9 da sorun aynı ben sana şöyle bir tavsiyede bulunayım asp bilgim yok ama sorunun css de olduğunu düşünüyorum body tagını ortalamalısın başka çaren yok gibi

şöyle yaparsan ie 5 te bile düzgün görünür

body{text-aling: center;}

bir dene fark edeceğini umuyorum
Bu mesajdan alıntı yap
iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart
Alt 22-12-2011 #8
yazdıklarımızı editleme şansımız yokmu acaba :sweating:

sanırım site ismini yazınca burası gözüküyor..:sadsmile:
Bu mesajdan alıntı yap
iyi isimli Üye şimdilik offline konumundadır

iyi(28)

Öğrenci (Diğer) / Edirne

Standart
Alt 24-12-2011 #9
iç içe sayfalardan cıkarıp eklentiyi direk olarak kullandım, yardımlarınız için teşekkür ederim.
yazıyı editleyenede teşekkür ederim.Edit butonunu haka görebilmiş değilim.o yüzden olmadıgı kannatindeyim tarayıcı farklılığından oluşan kaymalar
Bu mesajdan alıntı yap
redmaster42 isimli Üye şimdilik offline konumundadır

redmaster42

Grafiker / Konya

Standart
Alt 06-03-2012 #10
gec kalmıs bir cevap ama sorun devam ediyorsa hala,
siteni 1024*768 olarak tasarla,
birde kullandığın prog nedir bilmiyorum ama nacizane tavsiyem WYSIWYG 8 bu proyla çalış birde.
kolay gelsn.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Tarayıcı Sorunu 1azdeli Web Tasarımı 7 27-08-2011 10:40:48
En iyi 5 tarayıcı buluşu! Furkan EKMEN Teknoloji Haberleri 0 01-12-2010 15:31:34
Tarayıcı Kısayolları Furkan EKMEN Yazılım Rehberi 3 25-10-2010 18:12:56
tarayıcı sorunu rockan Web Tasarımı 6 22-02-2010 13:21:13
tarayıcı macrosu soneremir Corel Draw 6 17-06-2009 13:12:46

Kapat
Şifremi Unuttum?