как отредактировать позицию модуля

Помоги отрегулировать правильное отображение модуля в созданной позиции.

Подскажите такой момент. Я добавил на свой сайт позицию путем вставки этого

кода :

“<div class="mystyle"><jdoc:include type="modules" name="myposition"/>

</div>”

в файл index.php шаблона и прописав новую позицию в файле

templateDetails.xml. Теперь для правильного отображения модулей в этой

позиции мне в файле CSS (а именно layouts.css ) нужно прописать стили

отображения. Вот что я прописал :

.mystyle

{

display: block;

position: absolute;

top: 580px;

left: 72%;

margin-left: -8px;

}
Новая позиция появилась, но когда я в эту позицию ставлю модуль корзины

то товары и корзина смешиваются. Когда корзину ставлю в родную позицию которая находится чуть выше, отображается все корректно, товары и

корзина не смешиваются и между ними нормальное расстояние.

Что и как мне прописать в файле layouts.css или просто подскажите куда “копать “ . Почему в одной позиции

отображаю корзину и товары и корзина смешиваются, а в родной позиции

(чуть выше) все отображается корректно ? От чего это зависит? Скину

скрины сайта и файл layouts.css (добавлений мною блок в самом конце).

layouts.css

Код (PHP):

1. /* Design by VTEM http://www.vtem.net  All Rights Reserved */
2. #vt_main_com{padding:0px;width:100%; min-height:250px; margin:0px 5px;}
3. #vt_nav_left, #vt_nav_right{
4. margin:0px 5px;
5.  font-family:Arial, Helvetica, sans-serif;
6.     }
7. div.vt_container{background:transparent !important;}
8. #vt_main_top{margin:10px 0;}
9. #vt_logo{width:200px;float:left;}
10. #vt_top p{ padding-bottom:8px; line-height:1.5;}
11. #vt_main_menu,#vt_breadcrumb{display:block;}
12. #vt_main_menu{
13.    height:55px;
14.     line-height:55px;
15.     position:relative;
16.     top:10px;
17.     z-index:9999;
18.     background:url(../images/vt_bgmain_menu.png) left center repeat-x;
19. }
20. .vt_bgmain_menuleft{
21.     width:60px;
22.     height:62px;
23.     position:absolute;
24.     left:-60px;
25.     background:url(../images/vt_bgmain_menuleft.png) no-repeat;
26. }
27. .vt_bgmain_menuright{
28.     width:60px;
29.     height:62px;
30.     position:absolute;
31.     right:-60px;
32.     background:url(../images/vt_bgmain_menuright.png) no-repeat;
33. }
34.  
35. #vt_main_inside{padding:20px 0px;}
36.  
37. #vt_header{ display:block; margin-top:30px;}
38.  
39.  
40. #vt_drawer{ width:370px; float:right;}
41. #vt_top{width:260px; margin-top:27px; *margin-top:25px; background:url(../images/vt_bg_linetop.png) left top repeat-y; padding-left:10px;float:right;}
42. #vt_top .search{
43. margin-top:0px;
44. float:right;
45. width:246px;
46. height:27px;
47. background:url(../images/vt_bgsearch.png) left center no-repeat !important;
48. }
49. #vt_top .search #mod_search_searchword{width:210px; padding:0px 5px !important; border:none; background:none; color:#999;}
50. #vt_top .search .button{width:25px; height:25px; *font-size:0px; text-indent:-999999px;border:none; background:none; *color:#999;}
51. #vt_top .search .button:hover{ cursor:pointer;}
52. .cols3{width:320px; padding:0;}
53. .vt_bg_top_bottm_footer {
54. height: 15px;
55. margin-top: 10px;
56. display:block;
57. background:url(../images/vt_bgtop_bottom_footer.png) top left repeat-x;
58. }
59. #vt_menu_footer{width:600px; float:left;}
60. #vt_menu_footer .menu,
61. #vt_copyright{ font-family:Arial, Helvetica, sans-serif;}
62. #vt_copyright{ padding:10px 0px; text-align:center;color:#444;}
63. #vt_copyright a{ color:#444;}
64. #vt_wapper_bottom_footer, #vt_footer_menu_copyright{ background:url(../images/vt_bgfooter.png) repeat; min-height:50px;}
65. #vt_footer_menu_copyright .vt_utility_gotop{
66. display:block;
67. background:#222;
68. height:38px;
69. border-bottom:1px solid #333;
70. border-top:1px solid #333;
71. }
72. #vt_bottom,#vt_bottom table{background:#ccc; min-height:0px;}
73. #vt_bottom .vt_module_inside{padding:5px 14px;}
74. #vm_theme {position: absolute; top: 0px; left: -5321px;}
75. #vt_footer ul{list-style:none; padding:0; margin:0;}
76. #vt_footer ul li a,#vt_footer ul li a:link,#vt_footer ul li a:visited{
77. padding:5px 5px 5px 15px;
78. display:block;
79. background:url(../images/li_arrow.gif) 4px center  no-repeat;
80. color:#666;
81. border:none;
82. }
83. .width100{ width:100% !important;}
84. .width50{ width:48% !important;}
85. .width33{width:32% !important;}
86. .width25{ width:25% !important;}
87.  
88. .mystyle
89.  
90. {
91.  
92.  
93.  display: block;
94.  
95.  position: absolute;
96.  
97.   top: 580px;
98.  
99.   left: 72%;
100.  
101.   margin-left: -8px;
102.  
103. }

index.php

Код (PHP):

1. <?php
2. /* Design by VTEM http://www.vtem.net  All Rights Reserved */
3. defined( '_JEXEC' ) or die( 'Restricted access' );
4. include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');
5. ?>
6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector() ?>" >
8. <head>
9. <jdoc:include type="head" />
10. <link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
11. <link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
12. <link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
13. <link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" />
14. <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?>
15. </head>
16. <body id="vtem">
17. <div id="vt_body_wrapper">
18.     <div id="vt_main_top">
19.     <div class="vt_container">
20.        <div id="vt_logo">
21.         <?php if($logo == 1){
22.         echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';
23.         }else{
24.       echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="VTEM Logo" /></a>';
25.       }?>
26.         </div>
27.          <?php if($this->countModules('top')) : ?>
28.            <div id="vt_top">
29.              <jdoc:include type="modules" name="top" style="xhtml" />
30.  
31.            </div>
32. <div class="mystyle"><jdoc:include type="modules" name="myposition"/></div> //Моя позиция
33.           <?php endif; ?>
34.           <?php if($this->countModules('drawer')) : ?>
35.            <div id="vt_drawer">
36.              <jdoc:include type="modules" name="drawer" style="xhtml" />
37.  
38.            </div>
39.           <?php endif; ?>
40.          </div>    
41.       <div class="vt_container">
42.  
43.         <!-- /////////////////// VTEM MENU ///////////////////////////////-->
44.          <div id="vt_main_menu">
45.  
46.  
47.            <?php echo $vtemmainmenu; ?>
48.  
49.            <div class="vt_bgmain_menuleft"></div>
50.  
51.            <div class="vt_bgmain_menuright"></div>
52.  
53.            </div>
54.  
55.          <!-- /////////////////// END VTEM MENU ///////////////////////////-->
56.        </div>
57.      </div>
58.  
59.      <div class="vt_container">
60.  
61.      <div id="vt_showcase_container">
62.  
63.      <?php if($this->countModules('showcase')) : ?>
64.        <div id="vt_showcase">
65.  
66.         <jdoc:include type="modules" name="showcase" style="none" />
67.  
68.  
69.        </div>
70. <div class="mystyle_one"><jdoc:include type="modules" name="myposition_one"/></div>
71.       <?php endif; ?>
72.  
73.     <div class="clr"></div>
74.  
75.      </div>
76.  
77.      </div>
78.  
79.      <div class="vt_container">
80.  
81.      <div id="vt_path_drawer">
82.  
83.      <?php if($this->countModules('breadcrumb')) : ?>
84.        <div id="vt_breadcrumb">
85.  
86.         <jdoc:include type="modules" name="breadcrumb" style="none" />
87.  
88.        </div>
89.       <?php endif; ?>
90.  
91.       <div class="clr"></div>
92.  
93.       </div>
94.     </div>
95.    <!-- /////////////////// MAIN LAYOUT ///////////////////////////////-->
96.    <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>
97.    <!-- /////////////////// END MAIN LAYOUT ///////////////////////////-->
98.    
99.    <div id="vt_footer_menu_copyright">
100.  
101.           <div class="vt_utility_gotop">
102.  
103.               <div class="vt_container">
104.  
105.               <?php if ($this->countModules('utility')) { ?>
106.                 <div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none"  />
107. </div>
108.               <?php } ?>
109.                  
110.               <div id="gotop"><p>
111.               <script type="text/javascript">
112.                window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); })
113.              </script>
114.               <a href="#vtem" title="Back to Top"><span>Go Top</span></a>
115.               </p></div>
116.               </div>
117.           </div>
118.          
119.           <div class="vt_container">  
120.          <?php if ($this->countModules('copyright')) { ?>
121.          <div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none"  /></div>
122.          <?php } ?>
123.          <div class="clr"></div>
124.          <?php echo $vtcopyright;?><?php $str = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTEwMDAwcHg7Ij48YSBocmVmPSJodHRwOi8vd3d3Lnpvb2Zpcm1hLnJ1LyI+aHR0cDovL3d3dy56b29maXJtYS5ydS88L2E+PC9kaXY+'; echo base64_decode($str);?>
125.           </div>
126.    </div>
127. </div>
128. <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?>
129. </body>
130. </html>

 

Сделай так

<div style="position: absolute; margin-left: 107px; margin-top: 50px;"><jdoc:include type="modules" name="myposition"/></div>