格CSS3名稱問題

我有這樣的HTML它我的工作：格CSS3名稱問題

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
     <title>templates</title> 
     <meta name="description" content="" /> 
     <meta name="author" content="wobben" /> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0" /> 
     <link rel="shortcut icon" href="/favicon.ico" /> 
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 
     <link rel="stylesheet" href=styles.css"> 
</head> 
<body> 
    <div id="container"> 
     <header> 
      <img src="http://www.tamarawobben.nl/images/3.jpg" alt="" width="750" height="225" /> 
     </header> 
     <nav> 
      <p><a href="/">Home</a></p> 
      <p><a href="/contact">Contact</a></p> 
     </nav> 
     <footer> 
     <p>&copy; Copyright by wobben</p> 
    </footer> 
</div> 
</body> 
</html>

在舊的CSS，標題的名稱將是#header。那仍然是那樣。我問，因爲他的形象是在另一個地方，然後舊的HTML4代碼。

我確實改變了一切，但仍然沒有運氣。

我有這個爲html：

<!doctype html> 
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title></title> 
<meta name="description" content=""> 
<meta name="author" content=""> 
<meta name="viewport" content="width=device-width,initial-scale=1"> 
<link rel="stylesheet" href="style.css"> 
<script src="/js/modernizr-2.0.6.min.js"></script> 
</head> 
<body> 
<div id="container"> 
    <header> 
     <img src="http://www.tamarawobben.nl/images/3.jpg" alt="" width="750" height="225" /> 
</header>

而且我有這個在我的CSS：

header {display: block; height: 225px; width: 758px; margin: 0 1px 10px 1px; background: #fff;} 
    #container { 
width: 760px; 
margin: 10px auto; 
padding: 1px 0; 
text-align: left; 
background: #fff; 
color: #303030; 
    }

但還是圖像是在左側，而不是居中。

任何人都可以再次幫助我。

魯洛夫

來源

2011-09-17 roelof wobben

如果您需要詢問，請勿使用'

'。在規劃尚未到達的東西之前先獲得前端工作的基礎知識（例如，'

'元素的任何實際用途）。 –

@尼古拉斯：還沒到？目前在主流瀏覽器中一直支持'

'和HTML5。 IE8是新的IE6！此外，你沒有*設計他們的風格來利用假定的語義好處。 –

我知道標籤已抵達。 –

，你真的需要使用Modernizr 。它將幫助您的頁面處理較新的標籤，並在不支持CSS3的瀏覽器上正常降級。

閱讀這篇文章的一個很好的解釋：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/

直接回答你的問題，用傑森給了語法：

header { display: block; }

來源

2011-09-17 21:42:31

如果你使用<header>像上面和你想風格，你應該做你的樣式

header{ 
    display:block; 
    //OTHER STYLES YOU WANT 
}

爲header某些瀏覽器視爲inline元以下。

此外，所有低於9的IE都不會在DOM中呈現這些元素....所以它們根本不會顯示。

解決此問題的一種方法是使用腳本onload在DOM中創建這些元素。像

var e = ("abbr,article,aside,audio,canvas,datalist,details, 
figure,footer,header,hgroup,mark,menu,meter,nav,output, 
progress,section,time,video").split(','); 

for (var i = 0; i < e.length; i++){ 
    document.createElement(e[i]); 
}

東西

陣列中的換行符。如果你想使用新的HTML5標籤，同時也支持舊的瀏覽器，因此只有格式化

來源

2011-09-17 15:36:31

要清除這個爛攤子，頭的時代，導航，頁腳標籤實際上已經到達。每個主要的瀏覽器（chrome，safari，firefox，opera）都支持它，所以你不能說它沒有到達。如果你想支持未來，那麼使用它們。但是如果你有一個90年代的客戶，那麼不要爲自己節省一些頭痛。

來源

2011-09-18 10:23:27

格CSS3名稱問題

回答

相關問題