Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   "резиновые" округленые блоки (https://javascript.ru/forum/xhtml-html-css/4762-rezinovye-okruglenye-bloki.html)

Tim 28.08.2009 11:21

красную строку можно установить css свойством text-indent

отступы свойствами padding и margin

при проверке в браузерах ориентируйтесь прежде всего на FF и Oper-у. В IE много ошибок, ели будете настраивать дизайн сначала под него, то потратите много времени на поиск ошибок в своём коде которых скорее всего нет. Для настройки под IE можно использовать его же ошибки - напимер IE 6 не понимает селекторы атрибутов.

Пример:

есть DIV c class="my_div"

код для ИЕ

div.my_div {
color: red;
}

Переопределяем цвет текста для нормальных браузеров (IE это не увидит)

div[class="my_div"] {
color: blue;
}

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

cuberboy 28.08.2009 11:39

Да спасибо, ваш пример помог вникнуть в суть вопрос.Но рисование блоков всё таки думается мне лучше делать через таблицу, потому как она является готовой блочной структурой и не придётся замарачиватся по поводу позицирования , отсупов и кто знает что ещё ждёт.....
Плюсы дива в данном случае(как мне кажется) это частый ре-дизайн и наверное когда браузер встречает таблицу то создаёт в памяти объект таблицу с кучей всяких свойств в отличие от дива, впрочем у меня ловить сто таблицы без тормозов.
Ещё я не очень понел почему вы использовали нумерованный список когда есть специальный список

Tim 28.08.2009 11:47

Цитата:

почему вы использовали нумерованный список
какая разница list-style: none; /* Удаляем маркеры */

У таблиц есть нодостаток проявляющийся в том, что они не отображаются пока не загрузится всё их содержимое. Если у посетителя медленное соединение то ему придётся подождать польной загрузки прежде чем он что-то увидит. С дивами это не так.

а, что за такой специальный список?

cuberboy 28.08.2009 11:50

не нумерованный и не маркированный я имел в виду, точно не помню ну что то типа <DD> <DL>.
Полной загрузки документа или таблицы?

Tim 28.08.2009 11:56

DL - список определений

DT - определяемый термин

DD - определение

Вообщето можно и его. Не знаю как валидность будет, если например элемент DD отсутствует. Мне всё таки хочется чтобы разметка со стандартами дружила.

cuberboy 28.08.2009 11:58

а документ будет ждать полной загрузки таблицы????

cuberboy 28.08.2009 11:58

то есть всех таблиц или только одной?

Tim 28.08.2009 12:02

документ не должен. а вот вложенные таблицы будут ждать загрузки родительской. Правда это из умных книжек, на практике проверять не доводилось - скорость соединения достаточно большая, на глаз не заметно.

Сильно по этому поводу не беспокойтесь. Я статаюсь не ориентироваться на публику с мониторами 15" и нетом косячным - нафиг их.

cuberboy 28.08.2009 12:08

нет вложенных таблиц я реализовал саму структуру, по вашему совету через списки, а блоки через таблицы.

Tim 28.08.2009 12:10

ну и нормально :yes:


Часовой пояс GMT +3, время: 02:04.