VPF::Хром выкаблучивается. - Форум программистов

ksnk

Дата 22.11.2008, 09:12 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Имеется задачка -сделать дизайн в 2 колонки, разделенные белой полосой
минимальное разрешение 900, при таком разрешении размеры колонок - 250 и 600.
при увеличении размера по ширине в колонки добавляется 30% в левую и 50% в правую.

Все, казалось бы, несложно.

Код


<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>2x column</title>
<style>
html     , body {
    margin: 0;
    padding: 0;
}

table {
    border: 0px;
    border-collapse: collapse;
    padding: 0px;
    margin: 0;
}

table td,table th {
    border-spacing:0;
    padding: 0px;
    margin: 0;
}
</style>
</head>
<body>
<div><div style="overflow:hidden;height:1px;width:900px;"></div>
<table id="main_skeleton" style="width:100%;table-layout:fixed;">

<col width="30%"><col width="250px">
<col width="20%"><col width="50px">
<col width="50%"><col width="600px">
<tr>
<td colspan=2 style="height:300px; background:yellow;"></td>
<td colspan=2 style="height:300px; background:white;"></td>
<td colspan=2 style="height:300px; background:maroon;"></td>
</tr></table>
</div>
</body>
</html>

Однако для Хрома подобное решение выглядит просто отвратительно, изза того (imho), что в webkit'е баги с colspan'ами .

Требуется предложить хоть какое-то решение для Хрома, в котором эти колонки ведут себя так, как надо.

Это сообщение отредактировал(а) ksnk - 22.11.2008, 09:22

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SelenIT

Дата 22.11.2008, 22:15 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Предлагаю добавить вверх или вниз (где не так заметно) строку однопиксельной высоты без colspan-ов (c отдельной ячейкой для каждой колонки). Только что проверил - вроде работает...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

ksnk

Дата 22.11.2008, 22:36 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Yess!!! Это оно! Вставил в живой проект, а оно починилось!
Спасибо!

Я чуть было не начал разочаровываться в табличной верстке smile

(Впрочем на дивах подобного решения так и не смог соорудить, разве что на Js...)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »