Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

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

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
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.
 

Benzer konular

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
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.
 

max1299

🌟Usta Tasarımcı🌟
Katılım
13 Kas 2009
Mesajlar
389
Tepkime puanı
6
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
 

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
teşekkür ederim,
site ********** girerseniz demek istediğimi anlıyacaksınız, farklı tarayıcılarda bakın..

dediklerinize bakıyım
 

max1299

🌟Usta Tasarımcı🌟
Katılım
13 Kas 2009
Mesajlar
389
Tepkime puanı
6
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
 

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
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.

Kod:
/************************************
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;}
 

max1299

🌟Usta Tasarımcı🌟
Katılım
13 Kas 2009
Mesajlar
389
Tepkime puanı
6
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
 

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
yazdıklarımızı editleme şansımız yokmu acaba :sweating:

sanırım site ismini yazınca burası gözüküyor..:sadsmile:
 

iyi

🌱Yeni Üye🌱
Katılım
21 Eki 2011
Mesajlar
10
Tepkime puanı
0
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 :)
 

redmaster42

🌱Yeni Üye🌱
Katılım
17 Ağu 2010
Mesajlar
6
Tepkime puanı
0
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.
 

warini

🌱Yeni Üye🌱
Katılım
14 Mar 2012
Mesajlar
1
Tepkime puanı
0
css sıfırlama ve decotype kodlarını copypace yaptınmı her hangi bir siteden bu sorunun çözülür.
 
Üst