Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица: Одна строка, два столбца. Не работает в IE / 8 сообщений из 8, страница 1 из 1
19.02.2009, 09:40
    #35826321
Владимир Затуливетер
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Подскажите пожалуйста как заставить работать этот код в IE 7 проверяю на хроме, все пашет замечательно.

Код: plaintext
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.
45.
46.
47.
48.
49.
50.
51.
52.
53.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        #main
        {
            background-color: #FFFFCC;
            display: table-row;
        }
        #d1
        {
            background-color: #CCFFCC;
            padding-right: 10px;
        }
        #d2
        {
            display: table-cell;
            padding-right: 10px;
        }
    </style>
</head>
<body>
    <div id="main">
        <div id="d1">
            <fieldset>
                <legend>это Д1</legend>
                <p>
                    один</p>
                <p>
                    два</p>
                <p>
                    три</p>
            </fieldset>
        </div>
        <div id="d2">
            <fieldset>
                <legend>Это д2</legend>
                <p>
                    Одын</p>
                <p>
                    Дыва</p>
                <p>
                    Тыры</p>
            </fieldset>
        </div>
    </div>
    <div>
        <p>
            рас, два три</p>
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
19.02.2009, 09:40
    #35826322
Владимир Затуливетер
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Вот что получается в IE 7
...
Рейтинг: 0 / 0
19.02.2009, 09:57
    #35826366
Korcar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Приблизительно так:
Код: plaintext
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.
    <style type="text/css">
        #main
        {
            background-color: #FFFFCC;
            display: table-row;
        }
        #d1
        {
            background-color: #ccffcc;
            padding-right: 10px;
            float: left;
            width:  45 %;
        }
        #d2
        {
            display: table-cell;
            padding-right: 10px;
            float: left;
            width:  45 %;
        }
        #d3
        {
            display: table-cell;
            padding-right: 10px;
            width:  90 %;
        }
    </style>
по аналогии d3 - последний див
...
Рейтинг: 0 / 0
19.02.2009, 09:59
    #35826373
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Так не прокатит?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
#d1
        {
            background-color: #CCFFCC;
            padding-right: 10px;
            float: left;
        }

...
Рейтинг: 0 / 0
19.02.2009, 10:21
    #35826424
Владимир Затуливетер
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Тоже к этому варианту пришел, IE7 table-cell не поддерживает
Пробую вот так:
D2 плохо отображается на chrom на IE7 все нормально.

Код: plaintext
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.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        #main
        {
        }
        #d1
        {
            padding-right: 10px;
            float: left;
            width: 200pt;
        }
        #d2
        {
            width: 200pt;
        }
        #d3
        {
        }
    </style>
</head>
<body>
    <div id="main">
        <p>
            данные  1 </p>
        <p>
            данные  2 </p>
        <p>
            данные  3 </p>
        <div id="d1">
            <fieldset>
                <legend>это Д1</legend>
                <p>
                    один</p>
                <p>
                    два</p>
                <p>
                    три</p>
            </fieldset>
        </div>
        <div id="d2">
            <fieldset>
                <legend>Это д2</legend>
                <p>
                    Одын дын дын пын пын</p>
                <p>
                    Дыва</p>
                <p>
                    Тыры</p>
            </fieldset>
        </div>
    </div>
    <div id="D3">
        <p>
            рас, два три</p>
    </div>
</body>
</html>

...
Рейтинг: 0 / 0
19.02.2009, 10:23
    #35826433
Владимир Затуливетер
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
плохо это вот так:
...
Рейтинг: 0 / 0
19.02.2009, 11:02
    #35826555
Korcar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
а как надо то?
...
Рейтинг: 0 / 0
19.02.2009, 12:11
    #35826829
Владимир Затуливетер
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица: Одна строка, два столбца. Не работает в IE
Вот так надо:
в ie теперь нормально в chrome плохо:
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица: Одна строка, два столбца. Не работает в IE / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]