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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Проблема с блоками

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
etoYA
Отправлено: 09 Августа, 2011 - 15:23:27
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Привет! У меня такая проблема, ну и по ней вопрос, почему смещается блок внутри блока?

Вот у меня 3 блока, контент, правая колонка, и блок новостей, который находится внутри блока контент.

CODE (html):
скопировать код в буфер обмена
  1.  
  2. #content {
  3.         width: 650px;
  4.         height: 100%;
  5.         background: #fff;
  6.         margin: 0 10px 0 0;
  7.         float: left;
  8. }
  9. #content .news {
  10.         width: 640px;
  11.         height: 250px;
  12.         margin: 10px 0 0 10px;
  13. }
  14. #rightcollum {
  15.         width: 340px;
  16.         height: 100%;
  17.         padding: 10px 10px 10px 0;
  18.         background: #fff;
  19.         float: right;
  20.        
  21. }
  22.  


Собственно проблема в том, что правая колонка сдвигается в низ по ширине блока новостей, почему оно так, и как это исправить?
 
 Top
illy
Отправлено: 09 Августа, 2011 - 16:28:56
Post Id



Участник


Покинул форум
Сообщений всего: 1117
Дата рег-ции: Июль 2011  
Откуда: от верблюда)


Помог: 28 раз(а)
Скопируй весь код страницы + стиль


-----
Всё гениальное - просто
И ещё проще, если ты - индиго
 
 Top
etoYA
Отправлено: 09 Августа, 2011 - 17:04:27
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
HTML

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="description" content="тарам пам пам" />
  7. <meta name="keywords" content="пам, парам" />
  8. <link rel="stylesheet" href="style.css" type="text/css" />
  9. <title> Парам </title>
  10. </head>
  11. <body>
  12. <!-- Разметка -->
  13. <div id="wrapper">
  14. <!-- Шапка -->
  15. <div id="header"></div>
  16. <!-- Меню -->
  17. <div id="menu">Главная</div>
  18. <!-- Новости -->
  19. <div id="news"></div>
  20. <!-- Правый блок -->
  21. <div id="rightblock"></div>
  22. <!-- Баннер 468x60 -->
  23. <div id="midbanner"></div>
  24. <!-- Турниры -->
  25. <div id="tournaments"></div>
  26. <!-- Футер -->
  27. <div id="footer"></div>
  28. </div>
  29. </body>
  30. </html>
  31.  


CSS

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. * {
  3.         padding: 0;
  4.         margin: 0;
  5.         border: 0;
  6. }
  7. body {
  8.         background: #000;
  9.         color: #000;
  10. }
  11. #wrapper {
  12.         width: 1000px;
  13.         margin: 0 auto;
  14.         background: #fff;
  15. }
  16. #header {
  17.         width: 1000px;
  18.         height: 200px;
  19.         background: #000 url(images/header.png) no-repeat;
  20. }
  21. #menu {
  22.         width: 1000px;
  23.         height: 40px;
  24.         background: #000;
  25.         margin: 0;
  26. }
  27. #menu ul{
  28.         list-style:none;
  29.         width:100%;
  30.         height:40px;
  31.         background:#000 url(images/bg-nav.gif) top left repeat-x;
  32. }
  33. #menu ul li{
  34.         float:left;
  35.         border-right:1px solid #333;
  36. }
  37. #menu ul li a{
  38.         display:block;
  39.         height:40px;
  40.         padding:0 35px;
  41.         float:left;
  42.         text-transform: uppercase;
  43.         font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
  44.         color:#fff;
  45.         text-decoration:none;
  46.         text-align:center;
  47. }
  48. #menu ul li a:hover {
  49.         background:url(images/bg-button.gif) top left repeat-x;
  50. }
  51. #menu ul li.active a {
  52.         background:url(images/bg-button-class.gif) top left repeat-x;
  53. }
  54. #announce {
  55.         width: 950px;
  56.         line-height: 2.1em;
  57.         background: #e5ffca url(images/announcement.gif) no-repeat;
  58.         margin: 10px 25px 0;
  59.         font-size: 150%;
  60.         text-align: center;    
  61. }
  62. #content {
  63.         width: 650px;
  64.         height: 100%;
  65.         background: #fff;
  66.         margin: 0 10px 0 0;
  67.         float: left;
  68. }
  69. #content .news {
  70.         width: 630px;
  71.         height: 250px;
  72.         margin: 10px 0 0 10px;
  73.         background: #e5ffca;
  74. }
  75. #rightcollum {
  76.         width: 340px;
  77.         height: 100%;
  78.         padding: 10px 10px 10px 0;
  79.         background: #fff;
  80.         float: right;
  81.        
  82. }
  83. #footer {
  84.         width: 1000px;
  85.         height: 100px;
  86.         background: #333;
  87.         clear: both;
  88. }
  89.  
 
 Top
illy
Отправлено: 09 Августа, 2011 - 17:12:35
Post Id



Участник


Покинул форум
Сообщений всего: 1117
Дата рег-ции: Июль 2011  
Откуда: от верблюда)


Помог: 28 раз(а)
<div id="rightblock"></div> замени на <div id="rightcollum"></div>


-----
Всё гениальное - просто
И ещё проще, если ты - индиго
 
 Top
etoYA
Отправлено: 09 Августа, 2011 - 17:36:05
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Сори, не тот хтмл код

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="description" content="тарам пам пам" />
  7. <meta name="keywords" content="пам, парам" />
  8. <link rel="stylesheet" href="style.css" type="text/css" />
  9. <title> Парам </title>
  10. </head>
  11. <body>
  12. <!-- Разметка -->
  13. <div id="wrapper">
  14. <!-- Шапка -->
  15. <div id="header"></div>
  16. <!-- Меню -->
  17. <div id="menu">
  18.   <ul>
  19.     <li><a href="#">Главная</a></li>
  20.     <li><a href="#">Команды</a></li>
  21.         <li><a href="#">Игроки</a></li>
  22.     <li><a href="#">О нас</a></li>
  23.         <li><a href="#">Форум</a></li>
  24.         <li class="active"><a href="#">Реклама</a></li>
  25.         <li><a href="#">Партнеры</a></li>
  26.   </ul>
  27. </div>
  28. <!-- Аннонсы -->
  29. <div id="announce">Сегодня с 10:00 по 13:00 МСК будет отключен сайт</div>
  30. <!-- Контент -->
  31. <div id="content"><div class="news"></div></div>
  32. <!-- Правая колонка -->
  33. <div id="rightcollum"><img src="images/340x200.gif" /><img src="images/340x200.gif" /><img src="images/340x200.gif" /></div>
  34. <!-- Футер -->
  35. <div id="footer"></div>
  36. </div>
  37. </body>
  38. </html>
  39. <hr>
  40.  
 
 Top
illy
Отправлено: 09 Августа, 2011 - 17:45:33
Post Id



Участник


Покинул форум
Сообщений всего: 1117
Дата рег-ции: Июль 2011  
Откуда: от верблюда)


Помог: 28 раз(а)
#rightcollum {
width: 330px;


-----
Всё гениальное - просто
И ещё проще, если ты - индиго
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB