Не могу выровнить по центру

Привет всем.
Проблема такая. Когда на сайт ставлю статью с большим содержанием, весь текст и картинка нормально выравнивается. А вот когда ставлю только картинку или маленький текст, и когда выравниваю их по центру, то на главной эта статья съезжает на лево. Даже кнопки "Добавить комментарий" и "Подробнее" съезжает на лево.

Сайт http://aifam.ru

Скажите пожалуйста, как мне все это починить?

P.S. В предварительном просмотре редактора все отображается правильно, тоесть как выравню так и покажет.

CSS шаблона:

Код (CODE):

1. body {
2. text-align:center;
3. min-width:1000px;
4. padding:0;
5. margin:0;
6. }
7.  
8. #wrapper {
9. margin:0 auto;
10. text-align:left;
11. }
12.  
13. .width_800{
14. max-width:780px;
15. width:780px;
16. }
17.  
18. .width_1024{
19. min-width:910px;
20. max-width:1000px;
21. width:auto !important;
22. width:1000px;
23. }
24.  
25. .width_fluid{
26. min-width:910px;
27. max-width:97%;
28. width:auto!important;
29. width:97%;
30. }
31.  
32. #heading{
33. width:100%;
34. position:relative;
35. padding:16px 0px 0px 0px;
36. }
37. #heading h1{
38. font-size:36px;
39. font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
40. text-transform:uppercase;
41. color:#fff;
42. margin:0 0 0 27px!important;
43. padding:0 !important;
44. }
45. #heading h1 a{
46. color:#fff;
47. font-weight:normal;
48. }
49. #heading h1 a:hover{
50. text-decoration:none;
51. }
52. a#sitename1{
53. display:block;
54. width:258px; /* maximum 500px */
55. height:52px; /* maximum 68px */
56. text-indent:-2000px;
57. background:url(../images/logo.png) top left no-repeat;
58. }
59.  
60. #buttons{
61. position:absolute;
62. right:23px;
63. top:40px;
64. }
65. a#alarge.btnicon{
66. margin-right:8px;
67. }
68. a#asmall.btnicon{
69. margin-right:16px;
70. }
71. .btnicon{
72. float:left;
73. text-indent:-2000px;
74. width:10px;
75. height:23px;
76. margin-right:6px;
77. }
78.  
79. a#alarge{
80. background:url(../images/alarge.png) top left no-repeat;
81. }
82.  
83. a#amedium{
84. background:url(../images/amedium.png) top left no-repeat;
85. }
86.  
87. a#asmall{
88. background:url(../images/asmall.png) top left no-repeat;
89. }
90.  
91. #header{
92. margin-top:16px;
93. background:#2f2f2f url(../images/headerbg_m.jpg) top left repeat-x;
94. color:#fff;
95. }
96.  
97. #header .bgbl{
98. background:url(../images/headerbg_bl.jpg) no-repeat;
99. background-position:15px 100%;
100. height:auto!important;
101. height:100px;
102. min-height:100px;
103. padding:0px 24px 26px 24px;
104. position:relative;
105. }
106.  
107. #user3{
108. display:block;
109. position:relative;
110. height:40px;
111. }
112. #user3 .moduletable{
113. margin:0;
114. }
115.  
116. #header #top{
117. max-height:200px;
118. overflow:hidden;
119. }
120.  
121. #header #top a{
122. text-decoration:underline;
123. }
124.  
125. #header #top a:hover{
126. color:#fff;
127. }
128.  
129. #header #top .moduletable{
130. padding-top:6px;
131. position:relative;}
132.  
133. #header #top .moduletable h3{
134. background-position:0px 10px;
135. position:relative;
136. padding:4px 0 6px 25px;
137. margin:3px 0;
138. }
139. #header #top .moduletable td{
140. color:#fff;
141. }
142. #user4 {
143. position:absolute;
144. right:0;
145. top:-26px;
146. background:url(../images/user4bg-l.jpg) top left no-repeat;
147. padding-left:38px;
148. color:#000;
149. z-index:1000;
150. }
151.  
152. #user4 .bgright4{
153. background:url(../images/user4bg-r.gif) top right no-repeat;
154. padding-right:18px;
155. }
156.  
157. #user4 .bg4{
158. background:url(../images/user4bg.jpg) top left repeat-x;
159. padding:5px 12px 5px 10px;
160. }
161. #user4 .moduletable, #user4 form, #user4 input{
162. margin:0;
163. padding:0;
164. }
165.  
166. #container{
167. padding-left:18px;
168. position:relative;
169. }
170. #container .bgright{
171. padding-right:18px;
172. margin:0!important;
173. margin-right:1px;
174. }
175. #container .bg{
176. background:#fff url(../images/containerbg_m.png) top left repeat-x;
177. }
178.  
179. #container .bg{
180. padding:12px 24px 0px 24px;
181. }
182. #content, #breadcrumbs{
183. position:relative;
184. width:100%;
185. }
186. #breadcrumbs{
187. padding-bottom:6px;
188. background:url(../images/bg-breadcrumbs.png) bottom left repeat-x;
189. margin-bottom:9px;
190. }
191. .leftcol, .middle, .rightcol{ overflow:hidden;}
192. .leftcol, .rightcol{
193. width:205px;
194. }
195. .leftcol{
196. float:left;
197. margin-left:-100%;
198. background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}
199.  
200. .rightcol{
201. float:left;
202. margin-left:-205px;
203. background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}
204.  
205. .leftcol .bgtop, .rightcol .bgtop{
206. background:url(../images/sidebg-t.png) top left no-repeat;
207. padding:1px 1px 20px 1px;
208. }
209. .middlewrap{
210. float:left;
211. width:100%;
212. }
213.  
214. .middle{
215. background:#fff url(../images/middlebg-l.jpg) top left no-repeat;
216. padding-left:11px;
217.  
218. }
219. #middlenarrow{
220. margin:0 209px;}
221. #middlewide{
222. margin:0;
223. }
224. #middlewrapleftonly{
225. float:right;
226. width:100%;
227. margin-left:-209px;
228. }
229. #middleleftonly{
230. margin:0 0 0 209px;}
231. #leftleftonly{
232. margin:0;
233. }
234.  
235. #middlewraprightonly{
236. float:left;
237. width:100%;
238. margin-left:-209px;
239. }
240. #middlerightonly{
241. margin:0 0 0 209px;}
242. #rightrightonly{
243. float:right;
244. margin:0;
245. }
246.  
247. .middle .middlebg{
248. background:#fff url(../images/middlebg-r.jpg) top right no-repeat;
249. padding:16px 16px 16px 5px;
250. min-height:400px;
251. height:auto!important;
252. height:400px;
253. }
254.  
255. .middle h1, .middle .componentheading{
256. background:url(../images/dotted.gif) bottom left repeat-x;
257. margin-bottom:0.3em;
258. }
259. .middle ul li{
260. background-position:0px 0px;
261. padding:1px 0px 5px 24px;
262. margin-left:10px;
263. }
264. .middle ul ul{
265. list-style-type:square;
266. margin-bottom:0;
267. }
268. .middle ul ul li{
269. background:none;
270. padding:0;
271. }
272. .middle ol{
273. margin-left:30px;
274. padding:0;
275. }
276.  
277. .middle ol li{
278. margin:0;
279. padding:0;
280. }
281.  
282.  
283. #banner .moduletable, #footermodule .moduletable{
284. padding:0;
285. text-align:center;
286. }
287.  
288. #user1{
289. float:left;
290. width:49.5%;
291. overflow:hidden;
292. }
293. #user2{
294. float:right;
295. width:49.5%;
296. overflow:hidden;
297. }
298. #bottom {
299. border-top:#cdcdcd 1px solid;
300. margin-top:16px;
301. }
302. #bottom .bottombg{
303. clear:both;
304. background:#f4f4f3 url(../images/bottombg.png) bottom left repeat-x;
305. padding:18px 0px;
306. position:relative;
307. width:100%;
308. border-top:#fff 1px solid;
309. }
310. #bottom .moduletable{
311. padding:0px 16px;
312. }
313. #bottom .moduletable h3{
314. background:none;
315. margin:0;
316. font-size:15px;
317. text-transform:uppercase;
318. }
319. ul.mostread, ul.latestnews{
320. padding:0;
321. margin:0;
322. }
323. a.mostread, a.latestnews{
324. background:url(../images/icon_author_bottom.gif) no-repeat;
325. background-position:0px 1px;
326. padding-left:18px;
327. }
328. #bottom li.mostread, #bottom li.latestnews{
329. padding:3px 0;
330. border-top:#fff 1px solid;
331. }
332. #bottom li a{
333. color:#666666;
334. }
335. #bottom li a:hover{
336. text-decoration:none;
337. }
338. #footer {
339. clear:both;
340. color:#fff;
341. background-color:#777;
342. padding:6px 0px;
343. margin:16px 0;
344. position:relative;
345. width:100%;
346. text-align:center;
347. }
348. #footer a{
349. font-weight:normal;
350. color:#ccc;}
351.  
352. #footer a:hover{
353. color:#fff;
354. text-decoration:none;
355. }
356.  
357. #footer .footerleft{
358. float:left;
359. padding-left:16px;
360. }
361.  
362. #footer .footerleft img{
363. vertical-align:middle;
364. }
365.  
366. #footer .footerright{
367. float:right;
368. padding-right:16px;
369. }
370.  
371. #reflection-l{
372. position:relative;
373. height:54px;
374. margin-left:-44px;
375. margin-right:-44px;
376. padding-left:16px;
377. }
378.  
379. #reflection-r{
380. height:54px;
381. padding-right:16px;
382. }
383. #reflection{
384. height:54px;
385. }
386. /*global reset*/
387.  
388. html, body, h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address  {
389.     margin: 0;
390.     padding: 0;
391. }
392. body {
393. font-size:12px;
394. font-family:Arial, Helvetica, sans-serif;
395. line-height:18px;
396. }
397. h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
398. margin: 0.5em 0;
399. }
400.  
401. fieldset {
402. padding:.5em;
403. border:0;
404. }
405.  
406. /*general*/
407. ul{
408. list-style:none;
409. }
410. p, td{
411. font-size:12px;
412. }
413. li p{
414. margin:0;
415. }
416. a img{
417. border:0 none;
418. }
419.  
420. a{
421. text-decoration:none;
422. font-weight:bold;
423. }
424. a:hover{
425. text-decoration:underline;
426. }
427. a:active, a:focus{
428. outline:none;
429. }
430.  
431. h1,.componentheading{
432. font-size:20px;
433. font-weight:normal;
434. margin:0;
435. padding-bottom:0.12px;
436. }
437. h2,.contentheading{
438. font-size:17px;
439. font-weight:bold;
440. font-family:Helvetica, Arial, sans-serif;
441. letter-spacing:-0.02em;
442. }
443. h3{
444. font-size:15px;
445. font-weight:bold;
446. }
447. h4{
448. font-size:13px;
449. font-weight:bold;
450. }
451. h5{
452. font-size:13px;
453. font-weight:bold;
454. }
455. h6{
456. font-size:12px;
457. font-weight:bold;
458. }
459. #footer,.small,.createdate,.modifydate,.mosimage_caption{
460. font:11px Arial,Helvetica,sans-serif;
461. }
462. .moduletable, .moduletable_menu, .moduletable_text{
463. margin-bottom:12px;
464. padding:0 10px; /*padding for inside text*/
465. }
466. .moduletable h3, .moduletable_menu h3, .moduletable_text h3{
467. padding:0.5em 0.5em 12px 0.5em;
468. margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/
469.  
470. }
471.  
472. .clear{
473. clear:both;
474. }
475.  
476. /*search */
477.  
478. .search input{/* the input textarea box */
479. background:url(../images/searchbg.png) top left no-repeat;
480. border:0;
481. height:18px;
482. font-size:11px;
483. width:182px;
484. }
485. .search #mod_search_searchword{
486. padding:2px 0 0 10px;
487. }
488.  
489. /*joomla*/
490.  
491. #user3 ul{
492. margin:0;
493. padding:0;
494. width:auto;
495. }
496. #user3 ul li{
497. margin:0;
498. padding:0;
499. float:right;
500. height:40px;
501. }
502. #user3 ul li a{
503. color:#d0d0d0;
504. text-transform:uppercase;
505. padding:10px;
506. display:block;
507. background:url(../images/topmenu-vline.jpg) no-repeat;
508. background-position:0px 2px;
509. }
510. #user3 ul li a:hover{
511. text-decoration:none;
512. }
513. ul.menu a, a.mainlevel{
514. font-size:13px;
515. color:#2a2929;
516. font-weight:bold;
517. display:block;
518. background:url(../images/arrow_mainlevel.png) no-repeat;
519. background-position:3px 9px;
520. border-bottom:#eee 1px solid;
521. padding:4px 4px 4px 16px;
522. margin-right:13px;
523. }
524. ul.menu a:hover, a.mainlevel:hover{
525. text-decoration:none;
526. }
527. li#current a, a#active_menu.mainlevel{
528. font-weight:bold;
529. }
530. li#current li a{
531. color:#2a2929;
532. font-weight:bold;
533. background:url(../images/arrow_sub.png) no-repeat;
534. background-position:4px 10px;
535. border:none;
536. }
537.  
538.  
539. table.pollstableborder td{
540. padding:0.2em;
541. }
542.  
543.  
544. .button{
545. color:#fff;
546. font-size:13px;
547. font-weight:bold;
548. margin:3px 0;
549. padding:1px 5px;
550. border:none;
551. }
552.  
553. * html .button {
554.     padding: 0px 2px !important; /*IE 6*/
555. }
556.  
557. *+html .button {
558.     padding: 0px 2px !important; /*IE 7*/
559. }
560.  
561. .small, .articleauthor, .createdate, .modifydate{
562. color:#8a8a8a;
563. }
564.  
565. .articleauthor, .createdate, .modifydate{
566. padding-left:18px;
567. }
568.  
569. .articleauthor{
570. background:url(../images/icon_author.gif) top left no-repeat;
571. }
572.  
573. .createdate{
574. background:url(../images/icon_date.gif) top left no-repeat;
575. display:block;
576. padding-bottom:12px;
577. }
578.  
579. .modifydate{
580. background:url(../images/icon_updated.gif) top left no-repeat;
581. padding-bottom:12px;
582. }
583.  
584. div.banneritem_text{
585. padding:0.5em 0;
586. background:url(../images/dotted.gif) bottom left repeat-x;
587. }
588.  
589. .article_column {
590.     padding-right: 5px;
591. }
592.  
593. .column_separator {
594.     background:url(../images/dotted_v.gif) top left repeat-y;
595.     padding-left: 10px;
596. }
597.  
598. table.contentpaneopen, table.contentpane {
599.     margin: 0;
600.     padding: 0;
601. }
602.  
603. table.contentpaneopen li {
604.     margin-bottom: 5px;
605. }
606.  
607. table.contentpaneopen fieldset {
608.     border: 0;
609.     border-top: 1px solid #ddd;
610. }
611.  
612. td.buttonheading{
613. text-align:right;
614. }
615.  
616. div.buttonheading {
617.     float: right;
618.     width: 15%;
619. }
620.  
621. .buttonheading img {
622.     margin: 0;
623.     border: 0;
624.     float: right;
625. }
626.  
627. table.pollstableborder td{
628. text-align:left;
629. }
630.  
631. /* content tables */
632. td.sectiontableheader {
633.   background: #efefef;
634.   color: #333;
635.   font-weight: bold;
636.   padding: 4px;
637.   border-right: 1px solid #fff;
638. }
639.  
640. tr.sectiontableentry0 td,
641. tr.sectiontableentry1 td,
642. tr.sectiontableentry2 td {
643.   padding: 4px;
644. }
645.  
646. td.sectiontableentry0,
647. td.sectiontableentry1,
648. td.sectiontableentry2 {
649.   padding: 3px;
650. }
651.  
652. /* thumbnails */
653. div.mosimage         {  margin: 5px; }
654. div.mosimage_caption {  font-size: .90em; color: #666; }
655.  
656. div.img_caption       { padding: 0 10px 0 10px; }
657. div.img_caption img   { border: 1px solid #dedede; }
658. div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

 

Ответ: Не могу выровнить по центру

проверь сам html код шаблона, может в том месте, где у тебя вывод маинбоди стоит алинг=лефт?

 

Ответ: Не могу выровнить по центру

Вот HTML той темы

Вроде в этой хтмл-ке выравнивание для маинбоди не стоит

Нашел ещё одну проблему, при разрешении экрана 1024х768, статьи забегают под правый модуль. Помогите пожалуйста решить данные проблемы. От шаблона отказываться не хочется =(

Код (CODE):

1. <?php
2. defined( '_VALID_MOS' ) or die( 'Restricted access' );
3. // needed to seperate the ISO number from the language file constant _ISO
4. $iso = explode( '=', _ISO );
5. // xml prolog
6. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
7. ?>
8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
9. <html xmlns="http://www.w3.org/1999/xhtml">
10. <head>
11. <title>Город Закатала</title>
12. <?php mosShowHead(); ?>
13. <?php
14. if ( $my->id ) {
15.     initEditor();
16. }
17. ?>
18. <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
19. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css"/>
20. <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/orange.css" type="text/css" />
21. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/alarge.css" rel="alternate stylesheet" type="text/css" media="screen" title="alarge"/>
22. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/amedium.css" rel="alternate stylesheet" type="text/css" media="screen" title="amedium"/>
23. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/asmall.css" rel="alternate stylesheet" type="text/css" media="screen" title="asmall"/>
24. <script src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/styleswitcher.js" type="text/javascript"></script>
25. <?php
26. if(!mosCountModules("left")&&!mosCountModules("right")){ $contentwidth="wide"; }
27. if(mosCountModules("left")&&!mosCountModules("right")){ $contentwidth="leftonly";}
28. if(mosCountModules("right")&&!mosCountModules("left")){ $contentwidth="rightonly";}
29. if(mosCountModules("left")&&mosCountModules("right")) {$contentwidth="narrow"; }
30. ?>
31. <!--[if lte IE 6]>
32. <style type="text/css">
33. a#sitename1, a.btnicon{
34.     behavior: url("templates/<?php echo $mainframe->getTemplate(); ?>/js/iepngfix.htc");
35. }
36. </style>
37. <![endif]-->
38. </head>
39.  
40. <body>
41. <div id="wrapper" class="width_fluid">
42.     <div id="heading">
43.        <h1><a href="index.php" title="back to Homepage" id="sitename1"><?php echo $mosConfig_live_site;?></a></h1>
44.        <div id="buttons"><a href="#" id="alarge" class="btnicon" title="XLarge" onclick="setActiveStyleSheet('alarge'); return false;">XLarge</a><a href="#" id="amedium" class="btnicon" title="Large" onclick="setActiveStyleSheet('amedium'); return false;">Large</a><a href="#" id="asmall" class="btnicon" title="Normal" onclick="setActiveStyleSheet('asmall'); return false;">Normal</a></div>
45.     </div>
46.     <div id="header"><div class="bgleft"><div class="bgright"><div class="bgbl">
47.         <?php if(mosCountmodules("user3")){ ?> 
48.         <div id="user3"><?php mosLoadmodules("user3",-1)?></div><!--user3-->
49.         <?php } ?>
50.         <?php if(mosCountmodules("top")){?>
51.         <div id="top">
52.         <?php mosLoadmodules("top",-2)?>
53.         </div><!--top-->
54.         <?php } ?>
55.        
56.     </div></div></div></div><!--header-->
57.    
58.     <div id="container"><div class="bgright"><div class="bg">
59.       <?php if(mosCountmodules("user4")){ ?>   
60.       <div id="user4"><div class="bgright4"><div class="bg4">
61.       <?php mosLoadmodules("user4",-1)?>
62.       </div></div></div><!--search-->
63.       <?php } ?>
64.       <div id="breadcrumbs">
65.         Zakatala.com <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/arrow.png" alt="arrow"/> <?php mosPathway() ?>
66.       </div>
67.       <div id="content">
68.         <div class="middlewrap" id="middlewrap<?php echo $contentwidth; ?>">
69.            <div class="middle" id="middle<?php echo $contentwidth; ?>"><div class="middlebg">
70.              <div id="component"><?php mosMainbody() ?></div>
71.            </div></div>
72.         </div>
73.     <?php if(mosCountmodules("left")){ ?>  
74.         <div class="leftcol" id="left<?php echo $contentwidth; ?>"><div class="bgtop">
75.             <?php mosLoadmodules("left",-2)?>
76.         </div></div>
77.     <?php } ?> 
78.     <?php if(mosCountmodules("right")){ ?> 
79.         <div class="rightcol" id="right<?php echo $contentwidth; ?>"><div class="bgtop">
80.             <?php mosLoadmodules("right",-2) ?>
81.         </div></div>
82.     <?php } ?>
83.         <div class="clear"></div>
84.       </div><!--content-->
85.     <?php if(mosCountmodules("user1")||mosCountModules("user2")){ ?>
86.       <div id="bottom"><div class="bottombg">
87.          <?php if(mosCountmodules("user1")){ ?>
88.          <div id="user1">
89.             <?php mosLoadmodules("user1",-2)?>
90.          </div>
91.          <?php } ?>
92.          <?php if(mosCountmodules("user2")){ ?>
93.          <div id="user2">
94.             <?php mosLoadmodules("user2",-2)?>
95.          </div>
96.          <?php } ?>
97.          <div class="clear"></div>
98.       </div></div><!--bottom-->
99.     <?php } ?>
100.       <div id="footer">
101.         <?php mosLoadmodules("footer",-1) ?> Zakatala <a href="http://www.zakatala.com" target="_blank" title="Zakatala">AifaM-TeaM</a>
102.       </div>
103.       <div id="reflection-l"><div id="reflection-r"><div id="reflection"></div></div></div>
104.     </div></div></div><!--container-->
105. </div><!--wrapper-->
106.  
107. </body>
108. </html>

Добавлено через 14 часов 26 минут
Ну неужели никто не может помочь?