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]   

> Без описания
Поиск в теме | Версия для печати
lamokk
Отправлено: 16 Марта, 2016 - 12:53:07
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
Здравствуйте.
Подскажите где проблема?
Съезжает дизайн (прыгает влево), как только появляется много текста т.е. больше вышины страницы
CODE (htmlphp):
скопировать код в буфер обмена
  1. <main class="content">много текста
  2. </main><!-- .content -->

Сбился с ного почему, подскажите где поправить нужно?
Вот мой CSS стиль
CODE (html):
скопировать код в буфер обмена
  1.  
  2. * {
  3.         margin: 0;
  4.         padding: 0;
  5. }
  6. html {
  7.         height: 100%;
  8. }
  9. article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  10.         display: block;
  11. }
  12. body {
  13.         font: 12px/18px Arial, sans-serif;
  14.         width: 100%;
  15.         height: 100%;
  16. }
  17. .wrapper {
  18.         width: 1000px;
  19.         margin: 0 auto;
  20.         min-height: 100%;
  21.         height: auto !important;
  22.         height: 100%;
  23. }
  24.  
  25.  
  26. /* Header
  27. -----------------------------------------------------------------------------*/
  28. .header {
  29.         height: 150px;
  30.         background: #FFE680;
  31. }
  32.  
  33.  
  34. /* Middle
  35. -----------------------------------------------------------------------------*/
  36. .middle {
  37.         width: 100%;
  38.         padding: 0 0 100px;
  39.         position: relative;
  40. }
  41. .middle:after {
  42.         display: table;
  43.         clear: both;
  44.         content: '';
  45. }
  46. .container {
  47.         width: 100%;
  48.         float: left;
  49.         overflow: hidden;
  50. }
  51. .content {
  52.         padding: 0 0 0 270px;
  53. }
  54.  
  55.  
  56. /* Left Sidebar
  57. -----------------------------------------------------------------------------*/
  58. .left-sidebar {
  59.         float: left;
  60.         width: 250px;
  61.         margin-left: -100%;
  62.         position: relative;
  63.         background: #B5E3FF;
  64. }
  65.  
  66.  
  67. /* Footer
  68. -----------------------------------------------------------------------------*/
  69. .footer {
  70.         width: 1000px;
  71.         margin: -100px auto 0;
  72.         height: 100px;
  73.         background: #BFF08E;
  74.         position: relative;
  75. }
  76.  


Код страницы
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!doctype html>
  3. <html>
  4. <head>
  5. <link rel="stylesheet" href="style.css" type="text/css">
  6. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300" type="text/css">
  7. </head>
  8.  
  9.    <body>
  10.  
  11. <div class="wrapper">
  12.  
  13.         <header class="header">
  14. </header><!-- .header-->
  15.  
  16.         <div class="middle">
  17.  
  18.                 <div class="container">
  19.                         <main class="content"><?=$content?>
  20. </main><!-- .content -->
  21.                 </div><!-- .container-->
  22.  
  23.                 <aside class="left-sidebar"><?=$menu?>
  24. </aside><!-- .left-sidebar -->
  25.  
  26.         </div><!-- .middle-->
  27.  
  28. </div><!-- .wrapper -->
  29.  
  30. <footer class="footer">
  31. </footer><!-- .footer -->
  32.  
  33. </body>
  34. </html>
  35.  


СПАСИБО.

(Отредактировано автором: 16 Марта, 2016 - 12:54:50)

 
 Top
VadiKO
Отправлено: 16 Марта, 2016 - 20:30:51
Post Id


Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2016  


Помог: 0 раз(а)
У меня что то ничего не прыгнул:
Прикреплено изображение (Нажмите для увеличения)
Знімок-екрана-2016-03-16-о-20.30.jpg

(Отредактировано автором: 16 Марта, 2016 - 20:34:14)

 
 Top
lamokk
Отправлено: 17 Марта, 2016 - 08:33:07
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
[quote=VadiKO][/quote]
Прыгает как только на странице появляется вертикальная полоса прокрутки.
 
 Top
VadiKO
Отправлено: 17 Марта, 2016 - 08:55:43
Post Id


Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2016  


Помог: 0 раз(а)
Покажи скрины где такое происходит. У меня все отлично и ничего не прыгает, вот тебе скрин с прокруткой:
Прикреплено изображение (Нажмите для увеличения)
иииии.jpg
 
 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