Помогите разобраться с резиновой версткой

12
Makarov V.
На сайте с 25.11.2007
Offline
23
1036

Не могу разобраться с резиновой версткой (табличной)

Помогите пожалуйста написать код на простеньком примере (который на фотке)

П.С. если блоки (которые зеленые на картинке) являются картинками , то получаеться сверстать, а если эти блоки просто пустые поля заданной ширины , то все плывет.

gif Untitled-2.gif
Покупаю сайты в РСЯ, СДЛ не размещенные в сети, либо сателлиты под СДЛ П.С. г..вносайты не предлагать (связь ЛС)
BrokenBrake
На сайте с 03.03.2007
Offline
194
#1

Позор делать такой примитивный шаблон таблицами. Да и вообще любой.

...<body>

<div id='content'>кантент типа</div>
</body></html>

CSS к нему:


body{background:green;}
#content{margin:0 300px; background:blue;}
kimberlit
На сайте с 13.03.2007
Offline
370
#2

html:

<table id="main">

<tr>
<td id="left"></td>
<td id="center"></td>
<td id="right"></td>
</tr>
</table>

css:

#main {border-collapse:collapse;width:100%;height:200px;}

#left {width:300px;background:green;}
#center {background:blue;}
#right {width:300px;background:green;}
Makarov V.
На сайте с 25.11.2007
Offline
23
#3

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

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

Было так (отрывок из кода):



<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>

<!-- Шапка сайта (начало) -->

<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="500"><img src="logo1.jpg"></td>
<td width="100%" background="bglogo.jpg"></td>
<td width="500"><img src="logo2.jpg"></td>
</tr>
</table>

<!-- Шапка сайта (конец) -->
Г0
На сайте с 18.02.2006
Offline
27
#4

Посмотрите, как основон генератор шаблона на известном сайте:

http://xhtml.ru/instr/3col_creator/

Это должно помочь.

Поедушки, попереваривашки, потягушки и посрашки. (http://www.artlebedev.ru/kovodstvo/business-lynch/2007/10/15/)
Ткач
На сайте с 29.04.2007
Offline
95
#5
BrokenBrake:
Позор делать такой примитивный шаблон таблицами. Да и вообще любой.
...<body>

<div id='content'>кантент типа</div>
</body></html>

CSS к нему:

body{background:green;}
#content{margin:0 300px; background:blue;}

почему позор? объяснить сможете?

или табличная верстка уже не верстка?

Сам верстаю и DIVами и табличкой, но не могу понять почему позор верстать табличкой?

У меня к примеру много заказчиков, которые просят слезно, чтобы не в дивах было.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
BrokenBrake
На сайте с 03.03.2007
Offline
194
#6
Ткач:
почему позор? объяснить сможете?

Я участвовал во многих подобных холиварах, но теперь мне надоело.

Ткач:
У меня к примеру много заказчиков, которые просят слезно, чтобы не в дивах было

Идиоты.

Varkolak
На сайте с 03.06.2005
Offline
174
#7

я чуть со стула не упал от смеха, позорно верстать таблицами ))))

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Ткач
На сайте с 29.04.2007
Offline
95
#8

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

BrokenBrake
На сайте с 03.03.2007
Offline
194
#9

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

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

Ткач
На сайте с 29.04.2007
Offline
95
#10

BrokenBrake, всё верно то, что

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

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

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий