Chrome ve IE CSS'deki width-height değerlerini görmüyor

Infinitum

Binbaşı

1718 Mesaj

Tüm Başarılarını Gör

Öncelikle merhabalar.

HTML/CSS'e yeni başladım, ilk tasarımlarımdan birini bitirmek üzereyken şöyle bir sorun ortaya çıktığını farkettim.

Tasarıma istediğim boyutta arkaplan oluşturmak için taşıyıcı ekliyorum, ardından kategori için bir div (önceden sıralı kategori olacağı icin ul ve li kullanıyordum ama belki sorun bundandır diye div yaptım) ekliyorum ama Chrome ve IE'de bunların width-height'i algılanmadığı için site saçma sapan bir hale bürünüyor. Yine bazı input kutucukları vs. de benzer sıkıntıyı yaşattı bana(height çalışmadı). CSS Sıfırlama yaptım oysa ki ancak işe yaramadı. Firefox'ta hiçbir sıkıntı yok.

Verdiğim kodlar sadece başlığı gösteriyor ama sorunu anlatmaya yettiği için fazlasını eklemedim. Siyah kısım Chrome ve IE'de görünmüyor (denemek için siyah yapmıştım).

HTML kodu

 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  <html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> 
  <title>Site</title> 
  <link rel="stylesheet" type="text/css" href="style.css" /> 
  </head> 
   
  <body> 
  	<div id="tasiyici"> 
  		<header> 
  			<div id="ustmenu"></div> 
  		</header> 
  	</div>             
  </body>

CSS kodu

/* Sıfırla */ 
    
  html, body, div, span, applet, object, iframe, 
  h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
  a, abbr, acronym, address, big, cite, code, 
  del, dfn, em, font, img, ins, kbd, q, s, samp, 
  small, strike, strong, sub, sup, tt, var, 
  b, u, i, center, 
  dl, dt, dd, ol, ul, li, 
  fieldset, form, label, legend, 
  table, caption, tbody, tfoot, thead, tr, th, td { 
     margin: 0; 
     padding: 0; 
     border: 0; 
     outline: 0; 
     font-size: 100%; 
     vertical-align: baseline; 
     background: transparent; 
  } 
  body { 
     line-height: 1; 
     font-family:Trebuchet MS; 
  } 
  ol, ul { 
     list-style: none; 
  } 
  blockquote, q { 
     quotes: none; 
  } 
  blockquote:before, blockquote:after, 
  q:before, q:after { 
     content: ''; 
     content: none; 
  } 
    
  /* remember to define focus styles! */ 
  :focus { 
     outline: 0; 
  } 
    
  /* remember to highlight inserts somehow! */ 
  ins { 
     text-decoration: none; 
  } 
  del { 
     text-decoration: line-through; 
  } 
    
  /* tables still need 'cellspacing="0"' in the markup */ 
  table { 
     border-collapse: collapse; 
     border-spacing: 0; 
  } 
   
  /*Genel Özellikler*/ 
  #tasiyici { 
  	width:1000px; 
  	height:auto; 
  	margin:0px auto; 
  	background-color:#f0f0f0; 
  	padding:40px; 
  	padding-top:20px; 
  } 
  /* Header */ 
   
  #ustmenu{ 
  	width:1000; 
  	height:40; 
  	background-color:#000000; 
  	margin:0px auto; 
  	display:table-cell; 
  }

Sorun ne olabilir sizce? Siteyi şu ana kadar çoktan Wordpress'e entegre etmiştim bu durum olmasaydı. Şimdiden teşekkürler.

Resim ekledim:

Firefox'ta sorun yok:

Chrome ve IE CSS'deki width-height değerlerini görmüyor

İş Chrome'a gelince durum bu:

Edit: Sorun çözüldü. Bazı width ve height değerlerinin sonuna px yazmadığım için bu durum meydana gelmiş. Konuyu silmeyeceğim, benim gibi yeni başlayanlar için yararlı olur belki.

< Bu mesaj bu kişi tarafından değiştirildi Infinitum -- 5 Eylül 2015; 14:19:10 >

Chrome ve IE CSS'deki width-height değerlerini görmüyor

Benzer içerikler