В сотый раз об одном и том же...

[Xepec]

DIVы + TABLEы, как они вместе живут?
Как делать прямоугольник с закругленными краями: див и в нем таблица 3*3?
Все ли нужно пихать в дивы? Т.е. можно ли оставлять элементы прямо в боди, или лучше все запихать в дивы и какие могут быть последствия?

ЗЫ заранее спасибо .

[Aykroyd]

Originally posted by Xepec@Apr 13 2007, 12:03
DIVы + TABLEы, как они вместе живут?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Замечательно живут, если дивы предназначаются для раскладки элементов на странице, а таблицы – для представления табличных данных.

Originally posted by Xepec@Apr 13 2007, 12:03
Как делать прямоугольник с закругленными краями: див и в нем таблица 3*3?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Четыре вложенных дива (углы) с абсолютным позиционированием внутри контейнера-прямоугольника.

Originally posted by Xepec@Apr 13 2007, 12:03
Все ли нужно пихать в дивы? Т.е. можно ли оставлять элементы прямо в боди, или лучше все запихать в дивы и какие могут быть последствия?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Если оставлять элементы прямо в боди, ничего страшного не произойдет. Боди – это тоже контейнер. Другое дело – существуют различные способы раскладки элементов на странице (не только прямой поток), и при верстке соответствующих макетов может вполне понадобиться какое-нибудь специальное позиционирование. Спозиционировать отдельный логический блок намного проще и "правильнее".

[Xepec]

Спасибо .
А можно сделать абсодютное позиционирование от нижней стороны дива? (Если нужно наприсовать большой динамичесеки изменяемый прямоугольник с круглыми углами.)

[Aykroyd]

Абсолютное позиционирование можно сделать от любой стороны любого блока.

[Xepec]

Еще такая траблема:
есть два дива:
1. Menu float left
2. Content
они находятся в третьем диве Middle, который является рамкой.
Как сделать, чтобы Menu не вылязило за пределы Middle? Или как сделать content и Menu были одинаковые по высоте?

[Aykroyd]

Originally posted by Xepec@Apr 13 2007, 16:44
Как сделать, чтобы Menu не вылязило за пределы Middle?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Оно не должно никуда вылазить. Без примера кода вопрос не понятен.

Originally posted by Xepec@Apr 13 2007, 16:44
Или как сделать content и Menu были одинаковые по высоте?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Никак. В CSS нет средств сказать «высота как вот у того другого элемента». Только методом [Только зарегистрированные пользователи могут видеть ссылки. ].

[Xepec]

Вот код:

<div id="Middle"> *
****<div id=&#39;MenuLeft&#39;>
 *
*****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
****</div>
****<div id="Content">
*****Content*
****</div>
</div>

#Middle
{
****border: 1px solid #aaaaaa;
}
#content
{
}
#MenuLeft
{
****border-right: 1px solid #aaaaaa;
****float: left;
****width: 190;
****background: #f8f8f8;
****padding: 10px 0px 10px 10px;
}

А не влазит оно вот так:

[Aykroyd]

Этот вопрос уже обсуждался неоднократно.

[Только зарегистрированные пользователи могут видеть ссылки. ]

см. заблуждение третье...

[Xepec]

Огромное Спасибо!
Раньше я верстал исключительно таблицами и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?

[Aykroyd]

Originally posted by Xepec@Apr 13 2007, 17:36
Раньше я верстал исключительно таблицами
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Раньше все верстали таблицами. Многие и сейчас верстают таблицами. Но это не пример для подражания.

Originally posted by Xepec@Apr 13 2007, 17:36
и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
А никто и не говорит, что с блочной моделью нет никаких проблем. С таблицами определенно меньше проблем...

Originally posted by Xepec@Apr 13 2007, 17:36
Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ерунду пишете.
Использование блочной модели заключается в том, чтобы не пользоваться таблицами для создания какой бы то ни было разметки. Если Вы вставляете хоть одну макетную таблицу – теряется весь смысл перехода на блоки. Таблицы должны использоваться для того, для чего они логически и семантически предназначены – для представления табличных данных... А не разметки...

[Xepec]

Дивы для разметки видать еще меньше предназначены, ибо чтобы сделать простейшую раскладку вида

+-+---+-+
+-+---+-+
| | * | |
+-+---+-+
+-+---+-+

ооочень сложно.

[Aykroyd]

Originally posted by Xepec@Apr 13 2007, 18:11
Дивы для разметки видать еще меньше предназначены
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Простите, еще меньше ЧЕГО?

Originally posted by Xepec@Apr 13 2007, 18:11
ибо чтобы сделать простейшую раскладку вида ... ооочень сложно.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Элементарно.
Учите матчасть. ))

[Xepec]

меньше таблиц (если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
Хммм... Пирогов для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].

Учите матчасть. ))

Буду учить... Куда деваться

[Aykroyd]

Originally posted by Xepec@Apr 13 2007, 19:10
меньше таблиц
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Бл... Так я и знал! )))
Ну-ка теперь, пожалуйста, ответьте на вопрос:
Где это Вы вычитали, что таблицы когда-либо предназначались или предназначены для разметки???

Originally posted by Xepec@Apr 13 2007, 19:10
(если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Отрицательные поля используются не для грамотной разметки, а для того, чтобы победить некоторый всем известный браузер. Нормальные браузеры прекрасно понимают блочную модель без отрицательных полей и всяческих хаков.

Originally posted by Xepec@Apr 13 2007, 19:10
Хммм... Пирогов* для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
1. Пирогов – гений дизайна. Но не гений верстки.
2. Идите дальше: [Только зарегистрированные пользователи могут видеть ссылки. ] тоже на таблицах. Пока.

Что-то я не пойму )) Вас что, кто-то заставляет верстать блочно? Продолжайте юзать таблицы. Оно ж легче. И оставайтесь в каменном веке...

[Zigzag]

Originally posted by Xepec@Apr 13 2007, 14:36
Огромное Спасибо!
Раньше я верстал исключительно таблицами и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

либо полностью переходите на семантическую блочную верстку либо продолжайте верстать таблицами.

Originally posted by Xepec@Apr 13 2007, 15:11
Дивы для разметки видать еще меньше предназначены, ибо чтобы сделать простейшую раскладку вида

+-+---+-+
+-+---+-+
| | * | |
+-+---+-+
+-+---+-+

ооочень сложно.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

но ведь не невозможно , весь вопрос лишь в опыте

Originally posted by Xepec@Apr 13 2007, 16:10
меньше таблиц (если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
Хммм... Пирогов* для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].
Буду учить... Куда деваться
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

отрицательные margin&#39;ы это абсолютно нормальное явление, только паддинги не могут быть отрицательными!

Originally posted by Aykroyd@Apr 13 2007, 16:29
Отрицательные поля используются не для грамотной разметки, а для того, чтобы победить некоторый всем известный браузер. Нормальные браузеры прекрасно понимают блочную модель без отрицательных полей и всяческих хаков.
1. Пирогов – гений дизайна. Но не гений верстки.
2. Идите дальше: [Только зарегистрированные пользователи могут видеть ссылки. ] тоже на таблицах. Пока.

про маргины см. выше, про пирогова +1, про мелкомягких это ваще ни рыба ни мясо в плане верстки.

[Aykroyd]

Originally posted by Zigzag@Apr 17 2007, 14:23
отрицательные margin&#39;ы это абсолютно нормальное явление
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Павел, никто и не говорит, что это что-то ненормальное. Просто лично я прекрасно обхожусь и без них в большинстве случаев. Использую их только для того, чтобы хакнуть шестого Осла. А менять колонки местами – не вижу особого смысла. Помнишь, ты сам приводил в пример свой диалог с Seobaby? ))

Originally posted by Zigzag@Apr 17 2007, 14:23
про мелкомягких это ваще ни рыба ни мясо в плане верстки.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да я просто в качестве примера привел... С таким же успехом мог привести в пример веб-сайт африканского племени Бамбара... )

[Xepec]

Вот вопросик назрел:
Делаю менбшку горизонтальную...
соответственно:

****
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
[Только зарегистрированные пользователи могут видеть ссылки. ]
****

#TopMenuContainer ul
{
****height: 40px;
****padding: 0 0 0 0;
****margin: 0 0 0 0;
****border: 1px solid #ff0000;
}
#TopMenuContainer li
{
****display: block;
****float: left;
****margin: 0;
****padding: 0;
****border: 1px solid #ff0000;
}
и.т.д...

В опере соответственно все ок. В ИЕ все li шириной в экран. Статически задавать ширину не хочется, во-первых, разная ширина, во-вторых, не спортивно .

Придайте нужное направление пожалуйста .

ЗЫ по поводу верстики дивами/таблицами: дивами возможно перспективнее (ибо их развивают), но на данный момент корявее.
ЗЫЫ верстаю дивами .

[Zigzag]

для UL не указан ID, потому правила и не применяются

Originally posted by Xepec@Apr 17 2007, 13:03
[b]ЗЫ по поводу верстики дивами/таблицами: дивами возможно перспективнее (ибо их развивают), но на данный момент корявее.

поясните, пожалуйста

[Xepec]

Вроде как все применяется... толькo все LI оочень широкие. Если в цсс прописать widht к li, то все становится нормально...

По поводу пояснить: что пояснить, корявость, перспективность?

[Xepec]

А, вот ты (можно на ты? или лучше на Вы?) о чем, все это дело у меня в div TopMenuContainer (тут урезанный код) и поэтому к ul и к li все применяется...
Проблема с шириной li.