2010-09-12 5 views
0

Я как бы новичок во всей сцене html и css! Все, что я действительно хочу сделать, это иметь фон, ролик контента в середине и заголовок. Примером может служить следующее:Главная страница Помощь

http://img46.imageshack.us/img46/3751/38244782.png

ли кто-то пожалуйста, помогите мне сделать что-то действительно просто, как это? Благодаря

+0

StackOverflow может быть не место для вас. Некоторый вклад от вас требуется, также, SO не является местом для обсуждения таких простых вопросов. Я советую Google. – bastijn

+0

почему? Это не так сложно? Я попробовал разбить журнал и другие места, хорошо, хорошо. – Sharepoint

+5

@Sharepoint: определенно определенная ниша вопросов, для которых SO спроектирована, и этот вид похож на бахрому, чтобы вы могли найти помощь, но вы так же легко не можете. Мы обычно занимаемся такими вопросами, как «это то, что я пытаюсь сделать, вот какой код, это поведение, которое я ожидаю, но это поведение, которое я вижу, пожалуйста, помогите», тогда как этот вопрос строки «Я хотел бы узнать, как что-то сделать, пожалуйста, помогите мне». Это не самый широкий вопрос, который мы видели, но он все еще находится на широкой стороне. – David

ответ

3

Здесь

<!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 id="headElement"> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title></title> 
    </head> 

    <body> 
    <div id="marginWrapper"> 
      <!-- Header --> 
      <div id="pageHeader">Header</div> 
      <!-- Body --> 
      <div id="pageBody"> 
       <asp:ContentPlaceHolder ID="PageContent" runat="server" /> 
      </div> 
    </div> 
    </body> 
</html> 

затем использовать это как CSS

html, body 
{ 
    height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
} 

body 
{ 
    background: #F4F4F4 url('/_assets/images/backgr_grad.png') repeat-x 0 0; 
    color: #284E98; 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 11px; 
} 

#marginWrapper 
{ 
    width: 950px; 
    height: 100%; 
    margin: 0 auto; 
    z-index: 1; 
} 


#pageHeader 
{ 
    background: #ffffff; 
    min-height: 76px; 
    max-height: 76px; 
    z-index: 1; 
} 

#pageBody 
{ 
    background: #ffffff; 
    z-index: 1; 
}