Верстка ползет в IE

@Kiber1 · Регистрация: 05.06.2013

Студворк — интернет-сервис помощи студентам

Добрый день, уважаемые форумчане. Подскажите, пожалуйста, как можно устранить "кривизну" верстки в IE. Расписал отдельные стили для IE, в 8 версии прокатило, после обновления на 10 опять пошли косяки в футере:

В код вставляю ссылку на css для IE:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!--[if gt IE 8]>
    <link rel="stylesheet" media="screen" type="text/css" title="Style" href="css/ie7.css" />
<![endif]-->
...
<div id="footer_container" >
<div id="footer">       
            <ul >
                <li>
                    <a class="black-small" href="aboutus.html">
                        О нас
                    </a>
                     |
                </li>
                <li>        
                    <a class="black-small" href="prices.html">
                        Аутсорсинг ВЭД
                    </a>
                     |
                </li>
                <li>
                    <a class="black-small" href="customs.html">
                        Таможенное оформление
                    </a>
                </li>
                <li>
                    <a class="black-small" href="konsolidations.html">
                        Консолидация
                    </a>
                     |
                </li>
                <li>            
                    <a class="black-small" href="aboutus.html">
                        Клиенты 
                    </a>
                     |
                </li>
                <li>
                    <a class="black-small" href="contacts.html" >
                        Обратная связь
                    </a>
                </li>
            </ul>
                     </div>
               </div>

....
css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
#footer_container {
width:960px;
margin:0 auto;
background-color: #e5edef;
}
 
    #footer {
    width: 350px;
    hiegh: 100px;
    float: right;
    padding: 0px; 
    font-size:0.80em;
    line-height:1.2em;
    margin: 10px 100px 0px 0px;
    
    }
        #footer li{
        float: left;
        margin:1px;
    
        }
        
            #footer a {
            float: left;
            color: #333333;
            margin-right: 1px;
            }
            
            #footer a:hover {
            color: #0c878e;
            }
            
            .black-small {
            color: #333333;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: normal;
            float-left: 20px;

@malframe · 05.06.2013, 11:20

Насколько я знаю, для IE нужно указывать конкретную ширину блока, содержащего UL.

@Kiber1 · 05.06.2013, 12:18 **[ТС]**

Сообщение от malframe

Насколько я знаю, для IE нужно указывать конкретную ширину блока, содержащего UL.

задавала длину и ширину для #footer ul{...., не спасло.

@pro100Lam · 05.06.2013, 12:23

Для IE обычно пишут, свои стили, которые воспринимает только IE, например "//"-воспринимает от 7 версии, "-" для 6 версии...

@Kiber1 · 05.06.2013, 12:36 **[ТС]**

- там все, что и в основных стилях, но с некоторыми изменениями для IE. Их тоже нужно писать с "//"?

@Forastero · 05.06.2013, 15:15

pro100Lam, для IE6:

CSS
1
2
3
*html body{
    background:#000;
}

Для IE 7:

CSS
1
2
3
*+html body{
    background:#000;
}

Для IE 8:

CSS
1
2
3
4
.myClass  { 
     color:red\0/; /* красный */
     padding:70px\0/; /* отступ 70px только для Internet Explorer 8 */
}

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@malframe 9 / 9 / 4 Регистрация: 11.05.2013 Сообщений: 110
	05.06.2013, 11:20
	Насколько я знаю, для IE нужно указывать конкретную ширину блока, содержащего UL. 0

@pro100Lam 18 / 7 / 2 Регистрация: 12.02.2013 Сообщений: 58
	05.06.2013, 12:23
	Для IE обычно пишут, свои стили, которые воспринимает только IE, например "//"-воспринимает от 7 версии, "-" для 6 версии... 0

@Kiber1 0 / 0 / 0 Регистрация: 05.06.2013 Сообщений: 3
	05.06.2013, 12:36 [ТС]
	<!--[if gt IE 8]> <link rel="stylesheet" media="screen" type="text/css" title="Style" href="css/ie7.css" /> <![endif]--> - там все, что и в основных стилях, но с некоторыми изменениями для IE. Их тоже нужно писать с "//"? 0