Помогите научиться понимать как сделать сложный дизайн div

kesha_pptp · February 20, 2010

Спасибо огромное создалелю сайта это первое! Я понял 80% написанного!

Читал читал)и наткнулся у вас на странице http://htmlbook.ru/content/?id=79 есть пример дизайна страницы с помощью div, вопрос звучит так, как слой "copyright" сделать после всех, вот скриншот

вот код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Красивый дизайн</title>
<style type="text/css"> 
body { margin: 0 0 0 0; }

#top_title { width: 100%; height: 150px; background-color: #eee;}  

<!--  !-->

#m_main { width: 100%; }
#main { width: 85%; float: left; margin-top: 10px;}

#information { width: 100%; background-color: #ccc; float: left; }

#inf_1 { width: 20%; background-color: #cec; float: left; margin-top: 10px;}

#inf_2 { width: 80%; background-color: #ecc; marhin-left: 20%; float: left; margin-top: 10px; }

<!--  !-->
#right_mini_info { width: 14%; background-color: #ccc; margin-left: 86%; margin-top: 10px; }
<!--  !-->

#copyright { width: 100%; margin-top: 10px; background-color: #999; }
</style>
</head> 
<body> 

<div id="top_title">1</div>

<div id="m_main">

<div id="main">
<div id="information">1<br><br><br><br><br><br><br><br><br><br><br><br><br></div>

<div id="inf_1">1</div>
<div id="inf_2">1<br><br><br></div>
</div>

<div id="right_mini_info">1<br><br><br><br><br><br><br><br><br><br><br><br></div>

</div>

<div id="copyright">copyright</div>

</body>
</html>

Очень прошу помочь мне разобраться, ведь это действительно довольно не легко и очень захватывающе, заранее благодарен вам за помощь!

И ещё если можно объясните как сделать такое оформление как тут между ячейками таблицы http://g230101.dax.ru/ я так понимаю в <div> придётся встраивать таблицу, если да то пройдёт ли эта контсрукция проверку на валидность и останется ли всё это так же "резиновым"

Edited February 20, 2010 by kesha_pptp

klierik · February 21, 2010

 div.top_title {}
 div.main-case {overflow:hidden;}
  div.main {float:left; width: 85%;}
  div.information {margin-left:85%;}
  div.copyright {margin-left: 85%;}
 div.footer {overflow:hidden;}
  div.footer-left {width:20%; float:left;}
  div.footer-right {margin-right:20%;}

думаю иерархия ясно расскажет какой должен быть html-код

цвет фона сам раставь.

для начала етого хватит

kesha_pptp · February 21, 2010

Спасибо klierik Подскажи а как сделать так чтобы сайт адекватно индексировался, ведь yandex вроде перестал читать meta.

Заранее спасибо за ответ

klierik · February 22, 2010

попроси гугл выдать тебе сайты по запросу "SEO + раскрутка"

Есть ресурсы которые штудируют именно эти знания )

Sign In

Помогите научиться понимать как сделать сложный дизайн div

Question

kesha_pptp

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

kesha_pptp

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information