расположение блоков посередине в ИЕ

[tenorishe]

Уважаемые форумчане!

Помогите новичку.

посмотрите эту страницу

в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как 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;

text-align: center;

}

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;

}

[psywalker]

Есть одно грамотное решение. Поставить доктайп.

[tenorishe]

Есть одно грамотное решение. Поставить доктайп.

Простите моё невежество, а что это? как и куда ставить?

[psywalker]

Простите моё невежество, а что это? как и куда ставить?

http://htmlbook.ru/html5/semantics

[tenorishe]

http://htmlbook.ru/html5/semantics

Спасибо, я понял что это, но не совсем понятно как и куда ставить.

На все страницы (но как, если они php?) или в css ( Опять же как...)?

[deadrash]

Доктайп вставляется в самое начало документа. Именно с такой надписи должна начинаться каждая страничка. Что конкретно не понятно?

Edited November 5, 2010 by deadrash

[tenorishe]

Доктайп вставляется в самое начало документа. Именно с такой надписи должна начинаться каждая страничка. Что конкретно не понятно?

во-первых, куда вставлять доктайп в php страницу?

Во-вторых, можно ли вставить в css?

Я понял так,что существует несколько типов доктайпа. Какой нужен мне?

[sigma77]

во-первых, куда вставлять доктайп в php страницу?

Скорее всего в ту часть, которая отвечает за шапку сайта, что-то вроде header.php

Во-вторых, можно ли вставить в css?

В css доктайп не ставится.

[deadrash]

В php или html не важно где, главное что доктайп определяется раньше всей остальной разметки, то есть самый первый тег в документе должен быть доктайпом, а где это место в php нужно самому определить.

В css нельзя.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Это так называемый "Переходный синтаксис HTML." Самый простой в поддержании DTD.

Другие можешь посмотреть тут например http://htmlbook.ru/html/!doctype

Я например использую XHTML 1.1 только затем что бы держать себя в узких рамках, хотя по сути XHTML 1.1 нафиг мне не нужен.

[tenorishe]

Скорее всего в ту часть, которая отвечает за шапку сайта, что-то вроде header.php

В css доктайп не ставится.

Спасибо, помогло! Это был чёткий совет по делу. и никакой возни с css!

Всех благодарю!!!