Народ изменил шаблон сайта и некоректно отображается

привет всем такая х в опере сайт отображается нормально но IE всё криво как исправить? вот сам сайт www.latro.rifo.net помогите код шаблона могу дать

 

Ответ: Народ изменил шаблон сайта и некоректно отображается

У меня все нормально отображается в осле

 

Ответ: Народ изменил шаблон сайта и некоректно отображается

Там ненормально я же говорю что internet exploer 7 отображается криво вот скрин

 

Ответ: Народ изменил шаблон сайта и некоректно отображается

блин, когда народ научится делать принтскрины НОРМАЛЬНОГО размера

настройка css в данном случае - твое все
IE имеет свою специфику обработки каскадных стилей

 

Ответ: Народ изменил шаблон сайта и некоректно отображается

Значит делаешь отдельный css для осла и все. Как? Ответ в FAQ, А можно и смотреть код и искать компромиссы.

 

Ответ: Народ изменил шаблон сайта и некоректно отображается

"Оладушек", а не могли бы вы сделать или подправить его за меня, я "немного" плохо в СSS разбираюсь...

Код (CODE):

1. body {
2.     font-size: 10px;
3.     font-family: "Lucida Sans Unicode", Verdana, serif;
4.     color: #FFF;
5.     margin: 0;
6.     padding: 0;
7.     background: #c0c0c0 url(../images/bg.jpg) top center repeat-y;
8.     text-align: center;
9. }
10.  
11. body.contentpane {
12.     background: #787878;
13.     text-align: left;
14. }
15.  
16. body.contentpane .contentpaneopen {
17.     width: 100%;
18. }
19.  
20. body.contentpane .contentpaneopen .contentheading {
21.     background: url(../images/post_top_long.jpg) top left repeat-x;
22. }
23.  
24. .moduletable {
25.     margin: 0 auto;
26. }
27.  
28. select.button {
29.     width: auto;
30.     padding: 0;
31. }
32.  
33. td {
34.     font-family: "Lucida Sans Unicode", Arial, serif;
35.     font-size: 11px;
36.     color: #FFF;
37. }
38.  
39. ul {
40.     margin: 0;
41.     padding: 0;
42.     list-style: none;
43. }
44.  
45. li{
46.     line-height: 20px;
47.     padding-left: 12px;
48.     padding-top: 0px;
49. }
50.  
51. a:link, a:visited {
52.     font-family: "Lucida Sans Unicode", Verdana, serif;
53.     color: #FFF;
54.     text-decoration: underline;
55. }
56.  
57. a:hover {
58.     text-decoration: none;
59.     color: #FFF;
60. }
61. #top {
62.     width: 900px;
63.     margin: 0 auto;
64.     background: url(../images/top_bg.jpg) top center no-repeat;
65. }
66. #header {
67.     width: 755px;
68.     height: 245px;
69.     margin: 0 auto;
70.     background: url(../images/header.jpg) top center no-repeat;
71.    
72. }
73. .maintable {
74.     margin: 0 auto;
75.     width: 900px;
76.     text-align: left;
77. }
78.  
79. #mainbody {
80.     width: 755px;
81.     margin: 0 auto;
82.     min-width: 755px;
83.     text-align: left;
84.     background: url(../images/main_bg.jpg) top center repeat-y;
85. }
86.  
87. #sitename {
88.     width: 730px;
89.     height: 225px;
90. }
91.  
92. #sitename p {
93.     text-align: left;
94.     font-family: "Lucida Sans Unicode", Verdana, serif;
95.     font-size: 30px;
96.     font-weight: normal;
97.     letter-spacing: 1px;   
98.     color: #FFF;
99.     margin: 0;
100.     padding: 35px 0 0 50px;
101. }
102.  
103. #menucenter {
104.     width: 755px;
105.     text-align: center;
106.     margin: 0 auto;
107. }
108.  
109. #menucenter .menu_m {
110.     text-align: center;
111. }
112.  
113. #topnavi{
114.     position: relative;
115.     display: block;
116. }
117.  
118. #topnavi ul {
119.     float: left;
120.     margin: 0;
121.     padding: 0;
122.     list-style-type: none;
123.     width: auto;
124. }
125.  
126. #topnavi ul li {
127.     display: block;
128.     float: left;
129.     margin: 0;
130.     padding: 0;
131. }
132.  
133. #topnavi ul li a{
134.     text-transform: uppercase;
135.     display: block;
136.     float: left;
137.     color: #FFF;
138.     text-decoration: none;
139.     margin: 60px 0 0 0;
140.     height: 30px;
141.     font-size: 10px;
142.     font-family: "Lucida Sans Unicode", Verdana, serif;
143.     background: url(../images/but_r.jpg) top right no-repeat;
144. }
145.  
146. #topnavi ul li a:hover,#topnavi ul li a.current{
147.     display: block;
148.     background: url(../images/but_r_hover.jpg) top right no-repeat;
149.     cursor: pointer;
150. }
151.  
152. #topnavi ul li a span{
153.     float: left;
154.     height: 20px;
155.     font-size: 10px;
156.     padding: 5px 30px 5px 30px;
157.     font-family: "Lucida Sans Unicode", Verdana, serif;
158.     background: url(../images/but_l.jpg) top left no-repeat;
159. }
160. #topnavi ul li a:hover span,#topnavi ul li a.current span {
161.     display: block;
162.     background: url(../images/but_l_hover.jpg) top left no-repeat;
163. }
164.  
165. #leftmenu {
166.     margin: 0 0 0 -18px;
167.     padding: 0 0 0 10px;
168.     float: left;
169.     width: 200px;
170. }
171.  
172. #main_top {
173.     background: url(../images/main_top.jpg) top center no-repeat;
174.     height: 30px;
175. }
176.  
177. #main {
178.     float: left;
179.     margin: 0 0 0 10px;
180.     width: 540px;
181. }
182.  
183. #main_bottom{
184.     background: url(../images/main_bottom.jpg) bottom center no-repeat;
185.     height: 30px;
186. }
187.  
188. #footer {
189.     background: url(../images/bottom_bg.jpg) top center no-repeat;
190.     width: 900px;
191.     height: 200px;
192.     margin: 0 auto;
193. }
194.  
195.  
196. a.mainlevel:link, a.mainlevel:visited {
197.     display: block;
198.     text-transform: uppercase;
199.     font-size: 10px;
200.     text-align: left;
201.     padding: 2px 0 0 13px;
202.     margin: 0 0 0 3px;
203.     height: 17px;
204.     line-height: normal;
205.     text-decoration: none;
206.     font-family: "Lucida Sans Unicode", Verdana, serif;
207.     color: #FFF;
208.     background: url(../images/menu_but_bg.jpg) left center no-repeat;
209.     vertical-align: middle;
210.     width: 132px;
211. }
212.  
213. a.mainlevel:hover {
214.     background: #7d7d7d url(../images/menu_but_bg_h.jpg) left center no-repeat;
215. }
216.  
217. a.sublevel:link, a.sublevel:visited {
218.     font-size: 10px;
219.     text-transform: uppercase;
220.     color: #FFF;
221.     text-align: left;
222.     vertical-align: middle;
223.     text-decoration: none;
224.     padding: 2px 0 0px 13px;
225.     margin: 0 0 0 10px;
226.     background: url(../images/menu_but_bg.jpg) left center no-repeat;
227.     height: 17px;
228.     width: 121px;
229.     display: block;
230. }
231.  
232. a.sublevel:hover {
233.     background: #7d7d7d url(../images/menu_but_bg_h.jpg) left center no-repeat;
234. }
235.  
236. table.contentpaneopen {
237.     width: 99%;
238.     margin: 0 5px 0 0;
239.     border-spacing: 0;
240.     padding: 0;
241.     border-collapse: collapse;
242. }
243. table.contentpaneopen td.contentheading {
244.     color: #FFF;
245.     text-align: left;
246.     font-family: "Lucida Sans Unicode", Verdana, serif;
247.     font-size: 14px;
248.     font-weight: normal;
249.     text-transform: uppercase;
250.     background: url(../images/post_top.jpg) left top repeat-x;
251.     padding: 0 0 0 21px;
252.     height: 25px;
253. }
254. .button {
255.     padding: 0 5px 2px 5px;
256.     color: #FFF;
257.     font-family: "Lucida Sans Unicode", Verdana, serif;
258.     text-align: center;
259.     font-size: 10px;
260.     text-transform: uppercase;
261.     background: #787878;
262.     width: 50px;
263.     height: 20px;
264.     border: 1px solid #a7a6a6;
265.     line-height: 16px;
266. }
267. .inputbox {
268.     font-size: 10px;
269.     font-family: "Lucida Sans Unicode", Verdana, serif;
270.     border: 1px solid #b4b4b4;
271.     color: #FFF;
272.     background: #999999;
273. }
274. input[type="checkbox"] {
275.     border-style: none;
276. }
277. .copyright {
278.     color: #FFF;
279.     font-family: "Lucida Sans Unicode", Verdana, serif;
280.     font-size: 10px;
281.     padding: 0;
282.     margin: 0 23px;
283.     text-align: center;
284. }
285. .back_button {
286.     float: left;
287.     text-align: center;
288.     font-size: 11px;
289.     font-weight: normal;
290.     width: auto;
291.     padding: 0px 10px;
292.     line-height: 20px;
293.     margin: 10px 0 50px 0;
294. }
295. .componentheading {
296.     color: #FFF;
297.     padding: 33px 0 5px 0;
298.     text-align: left;
299.     text-transform: uppercase;
300.     font-family: "Lucida Sans Unicode", Verdana, serif;
301.     font-size: 12px;
302.     font-weight: normal;
303. }
304. .wrapper {
305.     width: 530px;
306.     height: 550px;
307. }
308. .module div div div h3 {
309.     color: #FFF;
310.     text-transform: uppercase;
311.     text-align: left;
312.     padding: 0 0 0 36px;
313.     vertical-align: middle;
314.     width: 200px;
315.     height: 58px;
316.     margin: -15px 0 0 -30px;
317.     font: normal 12px "Lucida Sans Unicode", Verdana, serif;
318.     background: url(../images/h_text.jpg) left center no-repeat;   
319.     position: relative;
320.     display: block;
321.     line-height: 44px;
322. }
323.  
324. .module {
325.     margin: 0 0 10px 0;
326.     border-spacing: 0px;
327. }
328.  
329. .module div {
330.     padding: 0 0 0 30px;
331.     font-size: 10px;
332. }
333.  
334. .module div div {
335.     background: url(../images/main_menu_centerbottom_bg.jpg) bottom right no-repeat;
336.     margin: 0;
337.     padding: 0;
338.     width: 170px;
339. }
340.  
341. .module div div div {
342.     margin: 0;
343.     padding: 10px 0 3px 0;
344.     background: url(../images/main_menu_top_bg.jpg) right top no-repeat;
345. }
346.  
347. .module div div div table {
348.     margin: 0 0 10px 10px;
349.     width: 160px;
350. }
351.  
352. .module div div div div {
353.     background: none;
354.     margin: 0;
355.     padding: 0;
356.     width: 100%;
357. }
358.  
359. .module div div div div.syndicate {
360.     margin: 0;
361.     padding: 0 0 10px 0;
362. }
363.  
364. .module div div div form {
365.     margin: 0 10px 10px 10px;
366. }
367.  
368. .module div div div form table {
369.     margin: 0 10px 0 10px;
370.     padding: 0 0 10px 0;
371.     width: auto;
372. }
373.  
374. /* footer links*/
375. a.sgfooter:link, a.sgfooter:visited {
376.     color: #FFF;
377.     font-size: 10px;
378.     font-family: "Lucida Sans Unicode", Verdana, serif;
379.     text-decoration: none;
380. }
381. a.sgfooter:hover {
382.     color: #FFF;
383.     font-family: "Lucida Sans Unicode", Verdana, serif;
384.     text-decoration: none;
385. }
386. /**/
387. /*banner*/
388. .sgf {
389.     font-size: 10px;
390.     font-family: "Lucida Sans Unicode", Verdana, serif;
391.     color: #FFF;
392.     text-decoration: none;
393. }
394. .sgf1 {
395.     font-size: 10px;
396.     font-family: "Lucida Sans Unicode", Verdana, serif;
397.     color: #FFF;
398.     text-align: left;
399. }
400.  
401. a.sglink:link, a.sglink:visited {
402.     color: #FFF;
403.     font-size: 10px;
404.     font-family: "Lucida Sans Unicode", Verdana, serif;
405.     text-decoration: none;
406. }
407. a.sglink:hover {
408.     text-decoration: none;
409. }
410.  
411. a img {
412.     border: 0;
413. }
414. .pathway {
415.     border: 0;
416.     color: #333333;
417.     font-family: "Lucida Sans Unicode", Verdana, serif;
418.     font-weight:normal;
419.     padding:2px 4px 2px 10px;  
420.    
421. }
422. a.pathway:link, a.pathway:visited {
423.     color: #333333;
424.     font-size: 11px;
425.     line-height: 18px;
426.     font-family: "Lucida Sans Unicode", Verdana, serif;
427.     font-weight: normal;
428.     padding: 2px 4px 2px 4px;
429. }
430. a.pathway:hover {
431.     color: #fefefe;
432.     font-family: "Lucida Sans Unicode", Verdana, serif;
433.     font-weight:normal;
434.     background-color:#2a519e;
435. }
436. .pagenav {
437.     font-size:12px;
438.     font-weight:normal;
439. }
440. #topnavigation a.topnavigation:link, a.topnavigation:visited {
441.     font-family: "Lucida Sans Unicode", Verdana, serif;
442.     font-size: 10px;
443.     font-weight: normal;
444.     letter-spacing : 1px;
445.     color: #fefefe;
446.     padding-right:5px;
447.     text-decoration:none;
448. }
449. #topnavigation a.topnavigation:hover {
450.     color: #b9f15d;
451.     border-bottom: none;
452.     text-decoration:none;  
453. }
454. #topnavigation a.topnavigation:active {
455.     color: #51c0f5;
456.     text-decoration:none;  
457. }
458. a.toclink:link, a.toclink:visited {
459.     line-height:normal;
460.     font-size:11px;
461.     font-family: "Lucida Sans Unicode", Verdana, serif;
462.     color: #000000;
463.     text-decoration: underline;
464. }
465. a.toclink:hover {
466.     text-decoration: none;
467. }
468. table.contenttoc {
469.     padding: 2px;
470.     margin-left: 2px;
471.     margin-bottom: 2px;
472. }
473.  
474.  
475. table.contenttoc th {
476.     background: #99ca37;
477.     color: #47484a;
478.     text-align: left;
479.     padding-top: 2px;
480.     padding-left: 4px;
481.     height: 21px;
482.     font-weight: normal;
483.     font-size: 11px;
484.     text-transform: uppercase;
485. }
486. .sectiontableheader {
487.     height: 20px;
488.     padding-right:3px;
489.     font-weight :normal;
490. }
491. table.contentpane td.contentdescription {
492.     font-size:12px;
493.     line-height:18px;
494. }
495. table.contentpane td.componentheading {
496.     background:#abd851;
497.     height: 20px;
498.     padding-left:3px;
499.     color: #fefefe;
500.     text-align: left;
501.     padding-bottom:3px;
502.     white-space: nowrap;
503.     font-family: "Lucida Sans Unicode", Verdana, serif;
504.     font-size: 14px;
505.     font-weight: normal;
506. }
507. table.contentpane td {
508.     padding-top:1px;
509.     padding-bottom:2px;
510.     font-size:12px;
511. }
512. table.contentpaneopen td
513. {
514.     line-height: 14px;
515.     font-size: 10px;
516. }
517.  
518. .height {
519.     height: 100%;
520. }
521.  
522. .small {
523.     font-size: 10px;
524.     color: #FFF;
525.     text-transform: uppercase;
526. }
527.  
528. .createdate {
529.     font-size: 10px;
530.     color: #FFF;
531.     text-transform: uppercase;
532. }
533.  
534. .modifydate {
535.     text-align: right;
536. }
537.  
538. table.contentpaneopen td a.readon{
539.     background: url(../images/read.jpg) top center no-repeat;
540.     height: 30px;
541.     width: 104px;
542.     padding: 7px 0 0 0;
543.     text-transform: uppercase;
544.     font-size: 10px;
545.     text-decoration: none;
546.     float: right;
547.     text-align: center;
548. }
549.  
550. h4 {
551.     font-size: 10px;
552.     text-transform: uppercase;
553. }
554. table.contentpaneopen td.buttonheading {
555.     background: url(../images/post_top_icons.jpg) left top repeat-x;
556.     }