Вопрос к любителям стилей/DIV'ов:

как сверстать код



без таблицы?

чем рассчитаетесь?
или так, "на поговорить" тема?

RTFM

karamba, Мне не для бизнеса...просто интересно, получится ли код на дивах для данного примера короче (в байтах), чем с таблицами.
Акела, вышлете "M"?

gregzem, вам как проще или как правильно?

Как проще:


"Как правильно" пишется уже не бесплатно

Бaзиль писал(а):

gregzem, вам как проще или как правильно? Как проще: Код: <div style="width:100%; position:relative;"> …

Два балла. Вы проверяли то, что написали? Попробуйте скопировать то, что написали Вы и что предложил сделать я в одну HTML друг под другом и посмотреть, что произойдет елси немножко "побаянить".
Найдите 10 отличий

Бaзиль писал(а):

"Как правильно" пишется уже не бесплатно

Вы так часто повторяете про "не бесплатно", что мне уже начинает казаться, что Вы - не альтруист

Есть еще у кого-нибудь желание попробовать свои силы в качестве DIVного кодера?

RTFM. Че трудно посмотреть хоятбы в старых темах? 100 раз обсуждалось.

gregzem, вы мне оценки ставите??

Цитата:

мне уже начинает казаться, что Вы - не альтруист

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

IonDen666, я не обсуждают теорию, я привел конкретный пример. ВАЖНО, чтобы результат был меньше либо равен по размеру табличной верстке.
Бaзиль, а по теме вопроса?

gregzem, если так уж волнуют те несколько байт, то делайте таблицами. Это будет вам наказанием.

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

uggallery, ага.

gregzem, "М" содержится во многих топиках этого форума, форума на xpoint, на листапарте, вебстандартсе и особенно в гугле.

Вижу, таблицы здесь не любят

Тогда последний интересующий вопрос: как установить минимальную ширину DIV'а? В таблицах это делается через "распорку" (1x1 gif) в ячейке таблицы. А в div этот фокус пройдет [на стилях|с "распоркой"]?

а чем "1x1 gif" в <td> отличается от "1x1 gif" в <div> если говорить о гифе?
а зачем ограничивать мин.ширину дива?

а насчет "таблицы здесь не любят":
— Гоги, ти лубишь памидоры?
— Ест лублу, а так нэ очэнь.

gregzem, я тихо хренею... А самому попробовать ломает?

gregzem, Вы слышали анекдот о том, как архангельские мужики испытывали импортную бензопилу?

abraitcev, только они делали это САМИ!

Акела писал(а):

gregzem, я тихо хренею... А самому попробовать ломает?

Это первый дельный совет за сегодня

gregzem, ну если Вы, как человек, вроде бы претендующий на звание кодера не догадались об этом без меня, то сорри.

Я вообще-то претендую на звание лучший свиновод колхоза "Вилы Ильича", но слово "кодер" мне тоже нравится.

Спасибо всем участникам за дельные и бездельные советы.
Все апплодируют друг другу стоя!

Мне не ясен сарказм вопрошающего. И мне слышится в нём какая-то издевка.

gregzem, не иначе как за то, что не стали потеть на халяву?

horn, не сарказм. ирония. Наблюдения показывают, что в форуме собрались слишком крутые программеры, чтобы просто и доступно ответить на вопросы новичку (сил обычно хватает на нажатие четырех клавиш..ээээ... дайте вспомнить... "R", "T", "F" и еще одна...кажется "M"), а самим нет надобности задавать вопросы, потому что их просто нет. Вот и происходит примерно то же, что и в этом топике. задали конкретный вопрос про верстку конкретной задачи, а дебаты ушли в район любви Гоги к помидорам.

Акела писал(а):

gregzem, не иначе как за то, что не стали потеть на халяву?

На халяву даже потеть приятно.

gregzem, если приятно, то попробуйте это сверстать в таблице

попробуйте сверстать в таблице это:
http://inviz.personart.ru/playground/th … _mine.html
Сделал СПЕЦИАЛЬНО для вас.

horn, ааааафигец. "Бонд. Джеймс Бонд." "Horn. Long horn"

gregzem, счастливого времяпрепровождения в парилке.

abraitcev, Inviz, коллеги! Вы решили уронить биржевой курс бисера?

gregzem писал(а):

horn, не сарказм. ирония. Наблюдения показывают, что в форуме собрались слишком крутые программеры, чтобы просто и доступно ответить на вопросы новичку

Мне показалось, что постановка задачи была не столько от новичка, сколько от человека, который пытается что-то доказать.
Ну и судя по некоторым ответам в топике — не мне одному

Вот такой вариант Вас устроит?

Акела, забавно =)

horn писал(а):

gregzem писал(а): horn, не сарказм. ирония. Наблюдения показывают, что в форуме собрались слишком крутые программеры, чтобы просто и доступно ответить на вопросы новичку Мне показалось, что постановка задачи была не столько от новичка, сколько от человека, который пытается что-то доказать. Ну и судя по некоторым ответам в топике — не мне одному Вот такой вариант Вас устроит?

Что мне понравилось: в первом приближении поведение элементов мачится с поведением того кода, который привел я.

Что мне не понравилось:

1. сделано абсолютное позиционирование контейнера main (при Relative он уползает далеко вправо...по всей видимости margin-left: -49% это исправляет
2. сейчас стало модно в качестве контейнеров использовать <LI>?
3. при уменьшении окна браузера по разному ведут себя элементы "level 2 item two level 2" (уползает вниз).

Если есть интерес попробовать еще раз - велкам. Если нет - забейте.

1. А зачем делать его релятивным? Основной контейнер вы можете располагать как Вам угодно, лишь бы кроссбраузерность была.
2. Вы в коде примера что написали? Item one, item two. Вот и получите list-items =) Если Ваш пример суть навигация, то его элементы будут элементами списка, если Ваш пример суть конверт таблицы из Excel — делайте таблицей.
3. Только в IE и только в определённых размерах экрана, «скачками». Нормальные браузеры отображают адекватно.

Интереса нет, так как вы задачу ставите исключительно умозрительную — «получится ли то, не знаю что, больше в байтах чем вот это непойми что».
Я Вам привел пример кода 99,9% (минус баги ИЕ, минус позиционирование символа «-» относительно list item two level 2) соответствующего Вашему ТЗ. Делайте нужные Вам выводы, это уже дело Ваше.

«сейчас стало модно в качестве контейнеров использовать <LI>?» — какой Вы знающий «новичок»

horn писал(а):

1. А зачем делать его релятивным? Основной контейнер вы можете располагать как Вам угодно, лишь бы кроссбраузерность была.

Хочу релятивно в тексте страницы расположить

horn писал(а):

3. Только в IE и только в определённых размерах экрана, «скачками». Нормальные браузеры отображают адекватно.

Ну не любят у нас крестьяне нормальные браузеры...пользуются тем, что всегда под рукой...

horn писал(а):

«сейчас стало модно в качестве контейнеров использовать <LI>?» — какой Вы знающий «новичок»

А где я писал, что я новичок?

Мое мнение - тема себя исчерпала.

gregzem писал(а):

Хочу релятивно в тексте страницы расположить

Располагайте. Что Вам мешает? Вы же не новичок.

gregzem писал(а):

Ну не любят у нас крестьяне нормальные браузеры...пользуются тем, что всегда под рукой...

Значит нужно придумать соответствующие поправки для стилей в IE.
Придумывайте.

gregzem писал(а):

А где я писал, что я новичок?

Примерно здесь:

gregzem писал(а):

Наблюдения показывают, что в форуме собрались слишком крутые программеры, чтобы просто и доступно ответить на вопросы новичку.

gregzem писал(а):

Мое мнение - тема себя исчерпала.

Совершенно с Вами согласен. Но в этом нет вины ни одного из ответивших Вам.