Съезжает content

Тема в разделе "Создание шаблона", создана пользователем Pasha89, 29.07.2014.

  1. Offline

    Pasha89 Недавно здесь

    Регистрация:
    15.07.2014
    Сообщения:
    29
    Симпатии:
    0
    Пол:
    Мужской
    Создал шаблон. При добавлении любого модуля в right , content съезжает и остается отступ сверху как высота модуля в right, а если добавить в left, то все нормально. Где-то в шаблоне ошибка, может кто-нибудь помочь, а то уже запарился, не знаю где искать уже.
    html:
    Код (xml):
    1. <body style="background-image:url(images/myimg/fon.jpg);">
    2. <div id="container">
    3. <div id="header">
    4. <jdoc:include type="modules" name="header" style="xhtml" />
    5. <img src="images/myimg/shapka.jpeg" width="1024px" alt="шапка сайта">
    6. </div>
    7. <div id="user2 ">
    8. <jdoc:include type="modules" name="user2" style="xhtml" />
    9. </div>
    10. <div id="user1 ">
    11. <jdoc:include type="modules" name="user1" style="xhtml" />
    12. </div>
    13. <div id="left">
    14. <jdoc:include type="modules" name="left" style="xhtml" />
    15. </div>
    16. <div id="right">
    17. <jdoc:include type="modules" name="right" style="xhtml" />
    18. </div>
    19. <div id="content<?php echo $contentwidth; ?>">
    20. <jdoc:include type="message" />
    21. <jdoc:include type="component" style="xhtml" />
    22. </div>
    23. <div id="rasporka"></div>
    24. </div>
    25. <div id="footer">Все права защищены.</div>
    26. </body>

    css:
    Код (css):
    1. body, html {
    2. height:100%;
    3. margin:0;
    4. padding:0;
    5. background-image: url('images/myimg/fon.jpg') repeat;
    6.  
    7. font:14px Arial, Helvetica, sans-serif ;
    8. line-height:1.3;
    9. color:#000;
    10. text-align:left;
    11. }
    12. #container{
    13. border-radius:6px;
    14. width: 1024px;
    15. margin:0px auto;
    16. min-height:100%;
    17. background-color: #ffffff;
    18. }
    19. #header{
    20.  
    21. background-image: url(img/shapka.jpg);
    22. height:200px;
    23. }
    24. #left{
    25. background-color: #;
    26. position: absolute;
    27. width: 180px;
    28. height: auto;
    29. float: left;
    30. margin-top:10px;
    31. text-align:left;
    32.  
    33. }
    34. #right{
    35. background-color:#;
    36. width:204px;
    37. height:auto;
    38. float:right;
    39. }
    40. #content{
    41. background-color:;
    42. padding: 10px 10px 5px 2px;
    43. margin-left: 182px;
    44. margin-right: 206px;
    45. padding-bottom: 50px;
    46. border-right-width: thin;
    47. border-left-width: thin;
    48. border-right-style: solid;
    49. border-left-style: solid;
    50. border-right-color: #ffebcd;
    51. border-left-color: #ffebcd;
    52. }
    53. #rasporka{
    54. height:40px;
    55. }
    56. #footer{
    57. border-radius:6px;
    58. background-color: #95726A;
    59. width: 1024px;
    60. height: 40px;
    61. margin-top: -40px;
    62. margin-bottom: 0px;
    63. margin-right: auto;
    64. margin-left: auto;
    65. text-align: center;
    66. color:#fffce9;
    67. }
     
    Последнее редактирование: 30.07.2014
    Pasha89, 29.07.2014
    #1

  2. Наши спонсоры

     
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    OlegM, 30.07.2014
    #2
< Как прикрутить готовый шаблон на bootstrap к Joomla 3.3? | Меню на Bootstrap 3 плавное появление >

Поделиться этой страницей

Загрузка...