Jump to content
  • 0

Любителям блочной верстки на засыпку!


shamahn
 Share

Question

Ну, во первых, здравствуйте! ;)

Начал я совсем недавно пытаться верстать дивами. Не скажу, что получаю удовольствие, что были моменты, которых я бы не сделал таблицами, но тем не менее стремлюсь к прогрессивному. А теперь, уважаемые знатоки, вопрос:

2столбцовый макет. Ширина левого меняется произвольно (в зависимости от содержимого). Правый - от конца левого и до конца экрана.

С помощью таблиц - решается очень прозрачно. Хотелось бы увидеть, что существует такое же прозрачное решение и для дивов :)

Спасибо за внимание :)

Link to comment
Share on other sites

  • Answers 141
  • Created
  • Last Reply

Top Posters For This Question

Recommended Posts

  • 0

Ну так что, все таки самое оптимальное решение для этой проблемы найдено? Я считаю что да, и проблема решена. Так как до критически маленького размера, пользовательские мониторы браузер не уменьшают, а скролл-бары убираются одним простым свойством, можно заключить что проблема полностью решена. Осталось только призы раздать. Holiday_11.gif

Считаю так:

I место - 3 $

II место - 2 $

III место - 1 $

P.S. Если аффтар считает что это не справедливо, пусть предложит свой вариант решения.

Link to comment
Share on other sites

  • 0

Ну В общем я пока тоже не увидел "стабильной" таблицы на блоках.

Как и предполагалось в первых сообщениях темы, пока я видел только попытки эмуляции, которые все равно "хуже" чем просто таблица.

То есть, "ну подумаешь, какая-то там малюсенькая черточка" или "с каких пор у нас контент стал шире рабочей области страницы" - это всего навсего попытки защиты этих неудачных пока примеров. Таблица "стабильна" без черточек, при любой ширине и в любом браузере - это факт!;)

Link to comment
Share on other sites

  • 0

Девятилап, когда найдете решение на блоках, я заявлю, что ДА! таблицы гавно и не предназначены для верстки ;)

Dimitry Wolotko, можете попытать удачу и доказать нам, что с некоторыми ограничениями, мы почти получили то, что можно сделать таблицей очень просто, и попытаться нам доказать или убедить (как Vindex10), что мы можем смело м безоговорочно этот метод использовать :) тогда получите свои деньги.

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

Link to comment
Share on other sites

  • 0

Я не буду разводить тут очередную проповедь о блоках, ибо их в сети неизмеримое количество, аж тошнит...

скажу только, мы не сможем обойтись без костылей до тех пор, пока все браузеры не будут придерживаться спецификации жестко на 100%!

Link to comment
Share on other sites

  • 0

А чего там смотреть? Обыкновенная таблица, описана в сообщении #1 добавлено в сщщбщении #2-3 что при всей своей структуре она полностью валидна, кросбраузерна и резиновая. Вот и все.

И вот такую простую табличку в 2 колонках, хотелось бы посмотреть в блочном варрианте.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица в 2 колонки</title>
<style type="text/css" media="screen">
#main {background: black; width: 100%; height: 100%;}
#main td {vertical-align: top; padding: 5px;}
</style>
</head>
<body>
<table id="main" cellpadding="0" cellspacing="1">
<tr>
<td width="5%" nowrap bgcolor="#6699FF">Длинна колонки изменяется в зависимости от содержания</td>
<td bgcolor="#FF0099">Колонка от правого края левой колонки, до конца страницы (всегда видимая).</td>
</tr>
</table>
</body>
</html>

Link to comment
Share on other sites

  • 0

А вы добавьте в левую колонку вот это: Длинна колонки изменяется в зависимости от содержания wwwwwwwwww wewwwwwwwwwwwww wwwwwwwwwwwwwwwww wwwwwwwwwwww wwwwwwwwwwwwwwwwwwwww wwwwwwwwwwwwwww wwwwwwwwwwwww wwwwwwwwwwwwww. Тогда появится горизонтальный скролл. А вы на этот скролл в блоках ругались.))

в ФФ - неисчезающая полоса прокрутки
Link to comment
Share on other sites

  • 0
А вы добавьте в левую колонку вот это: Длинна колонки изменяется в зависимости от содержания wwwwwwwwww wewwwwwwwwwwwww wwwwwwwwwwwwwwwww wwwwwwwwwwww wwwwwwwwwwwwwwwwwwwww wwwwwwwwwwwwwww wwwwwwwwwwwww wwwwwwwwwwwwww. Тогда появится горизонтальный скролл. А вы на этот скролл в блоках ругались.))

Минуточку: - А как вообще должно быть иначе? Ессно появляется полоса прокрутки, не помню что бы я на нее ругался.

Но тем не менее если я захочу убрать эту полосу прокрутки, я просто впишу в стили body {overflow-x: hidden;} и все...

Речь о другом: - таблица стабильна. Никаких полосок и черточек, она не рассыпается и колонки не вылетают. Черный бордюр в 1пиксел - это я уже просто так, для красоты добавил (не обращайте внимания).

Link to comment
Share on other sites

  • 0

Если поставить оверфлоу, то кусок текста пропадает)) Зачем тогда конструкцция такая, и в таком случае правая колнка видна не всегда:

Колонка от правого края левой колонки, до конца страницы (всегда видимая)
Link to comment
Share on other sites

  • 0
Если поставить оверфлоу, то кусок текста пропадает)) Зачем тогда конструкцция такая, и в таком случае правая колнка видна не всегда:

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

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

Вопрос не "зачем" это нужно, а "сделайте так-же" только на блоках.;)

Link to comment
Share on other sites

  • 0

Извращенцы. :)

Да. Вот именно такая конструкция мне и нужна (как любезно написал Vladiger)

а теперь постараюсь описать где она может пригодиться:

1) во первых для организации заголовка обрисованного мной ранее

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

да думаю не важно для чего оно мне может пригодиться. Вопрос Шекспировский - быть или не быть, а в нашем случае - есть или не есть (не в смысле кушать, а в смысле иметь место быть)

Link to comment
Share on other sites

  • 0
Вопрос не "зачем" это нужно, а "сделайте так-же" только на блоках.

А зачем это делать, если это не нужно, если это не нужно, то и не предусмотрено стандартами. ИМХО

для реализации (как оно называется) вертикального меню

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

ИМХО

Link to comment
Share on other sites

  • 0

Vindex10, с вашем мнением конечно не поспоришь. Но как скажете. Не предусмотрено стандартами - не реализуемо блоками. Хотя это, прошу меня извинить, глупость.

делайте меня как хотите,... но только на чем вы их делаете, если на таблицах не делаете, а блоками сделать не можете...

А... прошу прощения, можете, но только в ИЕ и не смотреть, и если смотреть не в ИЕ то сильно не раздвигать его, ибо блок с контентом провалится под меню...

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

Link to comment
Share on other sites

  • 0
Вопрос не "зачем" это нужно, а "сделайте так-же" только на блоках.

А зачем это делать, если это не нужно, если это не нужно, то и не предусмотрено стандартами. ИМХО

для реализации (как оно называется) вертикального меню

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

ИМХО

Только это ржач над собой. Я просто повторил Вашу фразу.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy