Проблемы с моим HTML / CSS

Question

Примечание ниже - мой CSS. Это веб-сайт с тремя столбцами. мой основной контент находится в центре. Проблемы, которые у меня возникают, состоят в том, что мой основной контент не корректно адаптируется к IE. Это хорошо в FF, но не в IE.

.columns3headers2 #mainContent1 {
 margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 370px;
 padding: 0, 10, 0, 0;
 border: groove
}

.columns3headers2 #mainContent2 {
   margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 190px;
 border: groove
} 

У меня мало основного содержания.

<div id="mainContent1">
<h1> Main Content </h1>
<div id="cround">
    <h3>Absolute Value</h3>
    <ul>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li> 
    <li>test 4</li>    
</ul>
</div>

Answer 1

Вопреки тому, что сказал Кевин, я бы НЕ стал начинать с CSS Reset. Это не решит твою проблему. Это может просто создать дополнительные головные боли вниз по линии.

Вместо этого начните с проверки вашего кода. В коротком CSS вы опубликовали ошибки. Кто знает, сколько еще. То же самое с HTML.

Короткий фрагмент кода, который вы опубликовали, нам не поможет, боюсь.

Answer 2

Из того, что я вижу в вашем основном контенте, вам не хватает тега закрытия div.

Answer 3

Из чтения частичного кода, я думаю, что ваши левые и правые поля добавляются к вашим значениям ширины div, а общая сумма превышает ширину внешнего контейнера, который упаковывает mainContent1 и mainContent2. В IE 6 есть ошибка, которая удваивает значение левого поля.

Чтобы получить более полезное предложение, я рекомендую опубликовать достаточно HTML и CSS, чтобы воспроизвести проблему, и сообщить нам, в каких версиях IE вы видели проблему с макетом.

Answer 4

Вы начали с перезагрузки CSS?

http://meyerweb.com/eric/tools/css/reset/

http://developer.yahoo.com/yui/reset/

Что с этим ошибочным закрывающим тегом p?

Я бы начал с самовосстановления CSS. Оттуда вы должны объяснить, в чем проблема, кроме «IE не работает».