Уважаемые форумчане!
Помогите новичку.
посмотрите эту страницуhttp://daniel.guide-moscou.com/
в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как margin: o auto он не понимает
Из всего,что пробовал, помогло только добавление к body в css text-align: center;
Всё вроде бы нормально, но теперь содержимое и текст в блоках тоже весь по центру :/
Мне это совсем ни к чему, надо как в мозилле.
Начал пробовать править у каждого атрибута в отдельности отступы и поля: запутался и уже заболела голова. Вернул всё обратно.
Может есть какое-то простое решение, чтобы фиксануть эту проблему? 🙁
Вот нынешний css
*/ body { font-family:Times New Roman; background:#fff url("images/bk-body.gif") repeat top center; margin:0px auto 0 auto; } img { border:0; display:inline; } #top { height:220px; background:url("images/bk-top.jpg") repeat-x top center; color:Blue; } #top-drop-shadow { height:28px; background:url("images/top-drop-shadow.gif") repeat-x top center; } #header { width:803px; margin:0px auto 0 auto; height:220px; background:url("images/bk-header.jpg") ; position:relative; color:green; } #sitetitle a { position:absolute; text-decoration:none; color:#fff; font-size:35px; top:65px; left:16px; } #sitetitle a:hover { position:absolute; text-decoration: underline; color:#fff; font-size:35px; top:65px; left:16px; } #stamp { width:118px; height:117px; background:url("images/stamp.png") no-repeat top left; position:absolute; right:-21px; top:88px; } *html #stamp { background:none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/stamp.png', sizingmethod='scale'); } #content { background:#fff url("images/bk-content.jpg") no-repeat top left; width:803px; margin:0 auto; } #mainnav { position:absolute; top:183px; left:189px; margin:0; padding:0; height:36px; } #mainnav li { font-size:16px; font-weight:bold; line-height:100%; float:left; margin-left:10px; margin-top:12px; color:#fff; } #mainnav li a { color:#fff; text-decoration:none; margin-right:10px; } #mainnav li a:hover { text-decoration:underline; color:#fff; } /*content --------------------------------------*/ a, a:hover { color:#108070; } h1 { font-size:18px; line-height:100%; margin:0 0 12px 0; padding:12px 0 0 0; color:#CC0033; } h2 { margin:20px 0 0 0; padding:0 0 10px 0; color:#9933FF; font-size:15px; } p { font-size:12px; color:#333; line-height:150%; margin:0 0 20px 0; padding:0; } p a, p a:hover { color:#333; } p.blue, p.blue a, p.blue a:hover { color:#108070; } p.bottom { margin-bottom:0; } ul { list-style-position:outside; list-style-type:none; } #nav { float:left; width:150px; display:inline; margin-top:28px; margin-right:17px; padding-left:21px; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; } #commentform textarea { width: 550px; } #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } #commentlist li .avatar { float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px; } #content #nav .top { margin-top:0; } #content #nav ul { font-size:14px; line-height:160%; margin:0; padding:0; color:#666; } #content #nav ul li { margin-bottom:8px; } #content #nav ul li a, #content #nav ul li a:hover { color:#108070; } #center { float:left; width:614px; display:inline; } #content .top { margin-top:22px; } #content .item { background: url("images/line.gif") no-repeat 0 5px; position:relative; margin-top:18px; } #content .item .date { color:#666; font-size:10px; position:absolute; right:10px; } #content #center ul { padding:0 0 10px 0; margin:0 0 0 0; font-size:12px; color:#333; } #content #center ul li { background:url("images/bullet.gif") no-repeat left center; padding-left:10px; margin-bottom:10px; } #content img { border:solid 5px #eee; margin-bottom:20px; } #content #footer { background: url("images/line.gif") repeat-x; position:relative; margin-top:18px; margin-right:10px; } #content #footer ul li a { font-size: 11px; color: #999; } #content #footer ul li a:hover { font-size: 11px; color: #999; } #content #footer ul li { display: inline; background: none; padding: 0 5px 0 0; } #rss-link { display:block; text-indent:-9999px; width:77px; height:71px; position:absolute; top:172px; left:46px; outline:none; }
Спасибо всем за ответы!:))))))))))))))))
Решение оказалось в установке доктайпа!