Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верска / 9 сообщений из 9, страница 1 из 1
27.06.2013, 15:02
    #38312742
lynatik50
lynatik50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
Помогите пожалуйста, на сайте http://geneguard.ru/ на главной странице в случае если сайт открыт через Google Chrome сжимается первая колонка, в остальных браузерах все в порядке, подскажите пожалуйста с чем это может быть связано, прилагаю кусок кода CSS отвечающий за эту таблицу.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
table.intro {width:100%; margin-top:20px; border-collapse: collapse;}
table.intro td {width:33.33%; vertical-align:top; border-left:1px dotted #586573}
table.intro td:first-child {border:none}
table.intro td div {padding:0 30px}
table.intro p {min-height:30px; font-size:12px; line-height:15px; font-weight:700; text-transform:uppercase}
table.intro ul {list-style:none; padding-top:10px}
table.intro li {margin-top:6px; padding-left:10px; background:url(../img/list_item.png) 0 4px no-repeat}
table.intro pre {background:#ffffe0; font:11px/16px Terminal, "Courier New", Courier, monospace; color:#0051a5}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:15
    #38312774
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
lynatik50Помогите пожалуйста, на сайте http://geneguard.ru/ на главной странице в случае если сайт открыт через Google Chrome сжимается первая колонка, в остальных браузерах все в порядке, подскажите пожалуйста с чем это может быть связано, прилагаю кусок кода CSS отвечающий за эту таблицу.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
table.intro {width:100%; margin-top:20px; border-collapse: collapse;}
table.intro td {width:33.33%; vertical-align:top; border-left:1px dotted #586573}
table.intro td:first-child {border:none}
table.intro td div {padding:0 30px}
table.intro p {min-height:30px; font-size:12px; line-height:15px; font-weight:700; text-transform:uppercase}
table.intro ul {list-style:none; padding-top:10px}
table.intro li {margin-top:6px; padding-left:10px; background:url(../img/list_item.png) 0 4px no-repeat}
table.intro pre {background:#ffffe0; font:11px/16px Terminal, "Courier New", Courier, monospace; color:#0051a5}


Проверил в FF и Safari превая колонка тоже узкая.
В каких нормально?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:19
    #38312780
lynatik50
lynatik50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
HunterNomad, у меня в FireFox и Opera все нормально
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:30
    #38312808
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
lynatik50HunterNomad, у меня в FireFox и Opera все нормально
Проверил FireFox, Opera Safari - везде узкая (((
min-height:30px; -попробуй шырше сделать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:39
    #38312830
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
О, вижу проблемс решил))
А как?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:40
    #38312834
lynatik50
lynatik50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
HunterNomad,

очень забавно получается, если я увеличиваю, то колонки становятся шире, но текст сжимается в узкую колонку, если уменьшаю то текст растягивается,становится более менее похоже на правду, однако все равно первая колонка заметно уже
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:41
    #38312837
lynatik50
lynatik50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
HunterNomad,

min-height:10px; - однако как мне кажется немного некорректное решение?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 15:46
    #38312845
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
lynatik50HunterNomad,

min-height:10px; - однако как мне кажется немного некорректное решение?
дык padding:0 30px т.е. 30px с лева и права без вариантав
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2013, 16:03
    #38312887
lynatik50
lynatik50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верска
смог добиться лучших результатов задав жестко ширину первой колонки
Код: html
1.
table.intro td:first-child {min-width: 300px; border:none}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верска / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 543ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448187]:
 0ms
get settings:
 8ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 224ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 245ms
total:  543ms
x
x
Закрыть


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