» Table или же Div - что лучше?

Цитата:

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

так... давайте разделим сейчас ЗНАНИЯ ПРОГРАММИСТА от ЗНАНИЯ СПЕЦИАЛЬНЫХ ТРЮКОВ

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


Цитата:

Обычно сверстаное мною с постоянным тестированием в ФФ (firebug очень удобная вещь для таких целей), корректно отображается в других современных браузерах, кроме ИЕ, но и там изменения обычно незначительные.

Обычно этих современных браузеров до сих пор только 3 штуки. И ты их перечислил. И что не говорите - значительное большинство пользуется IE. Так что прежде всего для него нужно делать сайты. Ведь в конце для кого мы делае сайт - для себя или для пользователей? А кому нравится заходить на кривые сайты?

По мне - если уж я и отдам свой голос за ПОВСЕМЕСТНОЕ использование дивов так это только в том случае если это использование не будет влеч за собой проблемы с кроссбраузерством (еле написал) и поиск ТРЮКОВ

А пока - где удобно - там и юзаю...


А пока что вот ват классический пример... да.. намного конечно дивы сэкономили мне байтов =))


Код:
<div class="footer_container">
    <div class="region_left">data left</div>
    <div class="region_right">data right</div>
</div>

<table class="footer">
<tr>
    <td class="region_left">data left</td>
    <td class="region_right">data right</td>
</tr>
</table>

N Sensey N

Цитата:

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

Хех, ты правда думаешь, что человек прочитавший спеку по языку и не написавший ни строчки кода может на нем эффективно писать? В любом языке, разметки, программирования не важно, нужен опыт, как применять полученные знания. Трюки, это даже не верное название, трюками можно назвать "-" перед свойством, что бы только ИЕ его понимал, остальное это просто применение имеющихся конструкций языка, да, возможно не все конструкции создавались именно для таких целей, как их применяют, но и таблицы немного не для того делали.

Цитата:

И что не говорите - значительное большинство пользуется IE. Так что прежде всего для него нужно делать сайты. Ведь в конце для кого мы делае сайт - для себя или для пользователей? А кому нравится заходить на кривые сайты?

Так я вроде же написал, что в ИЕ проверяю и исправляю, обычно глюки совсем простые и исправляются парой свойств, просто под ФФ изначально удобнее писать и отлаживать, а потом достаточно немного подправить. К тому же мне уже известны многие проблемы с которыми я могу столкнутся в ИЕ, я их учитываю.

Цитата:

А пока что вот ват классический пример... да.. намного конечно дивы сэкономили мне байтов =))

Такое применение таблиц более мнение допустимо (правда я такого не встречал), только насколько большая разница будет в CSS? И какие глюки будут в браузерах? Я не вижу тут явного превосходства таблиц.

Цитата:

И какие глюки будут в браузерах?

Хотя бы то, что при задании для левого бокса обтекания, в ИЕ будет зазор между ними.

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

Или другой вариант в пользу CSS: блоки. Через CSS очель сделать любой графический блок.

Разговор бесполезный.

Привет всем!
Теперь и я столкнулся с такой проблемой. Шаблон у меня сделан так : сверху слой и снизу слой. Между этими слоями таблица. Вот что у меня в слое для шапки :

Код: #header
{
background: #ffffff;
width: 750px;
left : 240px;
position: relative;
}

Цитата:

Вот понять не могу первое : Почему при одинаковой ширине шапки и подвала, шапка на несколько пикселей короче?

у тебя же в подвале внутренний отступ на 10 пикселей с каждой стороны

Цитата:

padding: 10px;

Цитата:

2). Если в Firefox при таких данных слой расположен ровно над таблицей, то в IE и в Opera он сдвинут намного вправо. Как быть тут?

посмотрел в трёх браузерах, везде подвал ровно под таблицей


Цитата:

Когда я под таблицей уже делаю "подвал" то фона нет. Что не так?

фон пропиши через css

Цитата:

#cellar
{
width: 750px;
height: 15px;
left : 240px;
position: relative;
padding: 10px;
color: #205E71;
background-image: url(images/19.jpg);
}

Привет!
Начал верстать по этому принципу : http://www.dynamicdrive.com/style/layouts/...21-fixed-fixed/
В CSS прописал так :

Код: #maincontainer
{
    width: 780px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}

#header
{
    background: #ffffff;
    height: 124px;
}

#contentwrapper
{
    float: left;
    width: 100%;
}

#contentcolumn
{
    margin-left: 200px; /*Set left margin to LeftColumnWidth*/
    height: 80%;
    background: #ffffff;
}

#leftcolumn
{
    float: left;
    width: 200px; /*Width of left column*/
    height: 80%;
    margin-left: -780px; /*Set left margin to -(MainContainerWidth)*/
    background: #ffffff;
}

#cellar
{
    clear: left;
    width: 100%;
    color: 205E71;
    text-align: center;
    padding: 4px 0;
    background-image: url(images/19.jpg);
}

С этим вопросом разобрался. Не там закрыл тэг <div id="maincontainer">
Интересует другой вопрос, точнее еще два. Вот я хочу, чтобы "подвал" как бы прилипал к низу страницы. У меня сейчас между "подвалом" и низом есть промежуток.
И такой вопрос : дело в том, что фоны слоев и фон страницы светлые. Я хочу разделить это. Для этого я хочу по краям maincontainer'а пустить заливку шириной в 1px. Как мне это реализовать?

Цитата:

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

http://imfo.ru/computers/footer-absolute или http://forum.ru-board.com/topic.cgi?forum=31&topic=13106


Цитата:

Для этого я хочу по краям maincontainer'а пустить заливку шириной в 1px. Как мне это реализовать?

Код: <style>
#maincontainer
{
border: 1px solid red;
}
</style>

andead
Сделал как вы показали... Спасибо, вроде работает. Но такая занятная вещь, что в Firefox высота слоев отображается нормально, а вот в Opera и в IE высоты совсем нет ((( Т.е. Все эти слои собираются в верху страницы и все (((

код пожалуйста, телепаты в отпуске

andead
а весь код есть выше. Тут еще такая фишка. Я верстаю этот шаб под DataLife. Добавил в файл main.tpl этот код, который я писал выше.... Остальные файлы шаблона взял из стандартных. Получилось следующее : Контент выводится, но там где контент попадает на слои текст выделить или нажать ссылку не получается. Получилось у меня так, что слои зафиксированы. И дальше чем указаны их значения они не идут. А контент продолжается на чистом фоне. Это бы тоже надо как-то исправить.
Спасибо!

Цитата:

Т.е. Все эти слои собираются в верху страницы и все (((

а у меня везде одинаково)

http://img225.imageshack.us/img225/5157/screen017si0.jpg
http://img225.imageshack.us/img225/1791/screen018rv6.jpg
http://img225.imageshack.us/img225/1842/screen019ie9.jpg

andead
ну ок... Значит это есть гут. Но вот возвращаясь к вопросу о том, что как сделать, чтобы слой раширялся в зависимости от количества контента?

Цитата:

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

не указывать размеры блоков, а если имелось ввиду резиновая вёрстка то нада указывать размеры в процентах

andead
Да, убрал высоту блоков и все нормуль. Но что-то я не могу понять, почему текст и ссылки, которые на слое этом вообще не выделяются курсором и ссылки не кликабельны?

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