Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: блочная верстка 3 колонки
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » блочная верстка 3 колонки

Страниц (1): [1]
 

1. August_II - 08 Апреля, 2015 - 21:32:59 - перейти к сообщению
Приветствую народ!
Подскажите что не так, у меня три колонки, слева и справа фиксированной ширины, посередине переменной. Но вот почему-то правый блок находится снизу между футером и сонтентом, справой стороны.
CODE (html):
скопировать код в буфер обмена
  1.  
  2. @charset "windows-1251";
  3. /* CSS Document */
  4. @font-face {
  5.         font-family: "PT Sans Narrow";
  6.         font-style: normal;
  7.         font-weight: 700;
  8.         src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url("http://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYuMQYWxAweROEvafRwt5VUg.woff2") format("woff2"), url("http://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYigwe3ZcNEyK1ut-Sjba9Qg.woff") format("woff");
  9. }
  10. @font-face {
  11.         font-family: "SC Convoy";
  12.         font-style:normal;
  13.         font-weight: 700;
  14.         src: local("SC Convoy"), url(CNVRETTF.ttf);
  15. }
  16. * {
  17.         margin:0;
  18.         padding:0;
  19. }
  20. body {
  21.         width:100%;
  22.         background-color:#333;
  23.         background-image:url(../img/***.jpg);
  24.         background-repeat:no-repeat;
  25.         background-attachment:fixed;
  26.         background-position:center;
  27.         background-size:cover;
  28. }
  29. img {
  30.         border:none;
  31. }
  32. .logo {
  33.         border-radius:10px 0 0 0;
  34. }
  35. /* main style */
  36. #wrapper {
  37.         min-width:760px;
  38.         max-width:1300px;
  39.         margin:0 auto;
  40.         margin-top:10px;
  41.         margin-bottom:10px;
  42.         background-color:rgba(34,1,3,0.8); /* Прозрачный фон #220103 */
  43.         filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#50220103,endColorstr=#50220103); /* for IE */
  44.         display:block;
  45.         color:#FFF;
  46.         border-radius:10px;
  47. }
  48. #header {
  49.         height:100px;
  50.         padding:0;
  51. }
  52. #nav {
  53.         height:60px;
  54.         line-height:60px;
  55.         text-align:center;
  56.         font-family:SC Convoy;
  57.         font-size:18px;
  58. }
  59. #left_col {
  60.         width:160px;
  61.         float:left;
  62. }
  63. #content {
  64.         margin-left:162px;
  65.         margin-right:202px;
  66.         padding:10px;
  67. }
  68. #right_col {
  69.         width:200px;
  70.         float:right;
  71. }
  72. #footer {
  73.         clear:both;
  74.         height:100px;
  75.         line-height:100px;
  76.         padding:10px;
  77. }
  78.  
  79.  
2. LIME - 08 Апреля, 2015 - 23:09:13 - перейти к сообщению
Ненавижу верстать
Потому просто на вот держи
http://htmlbook[dot]ru/layout
3. DelphinPRO - 09 Апреля, 2015 - 01:36:51 - перейти к сообщению
разметка должна быть такой

CODE (html):
скопировать код в буфер обмена
  1. <div id="left_col"></div>
  2. <div id="right_col"></div>
  3. <div id="content"></div>


а не такой

CODE (html):
скопировать код в буфер обмена
  1. <div id="left_col"></div>
  2. <div id="content"></div>
  3. <div id="right_col"></div>
4. August_II - 09 Апреля, 2015 - 07:21:19 - перейти к сообщению
DelphinPRO пишет:
разметка должна быть такой

CODE (html):
скопировать код в буфер обмена
  1. <div id="left_col"></div>
  2. <div id="right_col"></div>
  3. <div id="content"></div>


а не такой

CODE (html):
скопировать код в буфер обмена
  1. <div id="left_col"></div>
  2. <div id="content"></div>
  3. <div id="right_col"></div>


Помогло!
А почему так это вроде как не логично.
5. DelphinPRO - 09 Апреля, 2015 - 12:18:13 - перейти к сообщению
August_II пишет:
А почему так это вроде как не логично.

Не логично то, что начинающие разработчики не утруждают себя изучением теории, тогда как именно с нее и нужно начинать знакомство с предметом.

 

Powered by ExBB FM 1.0 RC1