Перейти к публикации

Рекомендованные сообщения

Короче я голову сломал над ерундой , решил спросить...

Как всем известно если указав бэкграунд в табличной вёрстке, то вся таблица будет указанного цвета.

по мере того как таблица расширяется или растёт, соответственно увеличивается бэкгроунд колор...

Но не получается в CSS при DIV вёрстке...

Вот код

{width:997px; height:auto; border: none; background-image:url(../images/bkrx.gif); clear: left}

Как вообще в CSS указать резиновый height?

Ссылка на сообщение
Поделиться на других сайтах
Ссылка на сообщение
Поделиться на других сайтах

Короче я голову сломал над ерундой , решил спросить...

Как всем известно если указав бэкграунд в табличной вёрстке, то вся таблица будет указанного цвета.

по мере того как таблица расширяется или растёт, соответственно увеличивается бэкгроунд колор...

Но не получается в CSS при DIV вёрстке...

Вот код

{width:997px; height:auto; border: none; background-image:url(../images/bkrx.gif); clear: left}

Как вообще в CSS указать резиновый height?

background-repeat значение repeat-x

repeat-y

Ссылка на сообщение
Поделиться на других сайтах

Не поняли вы меня...

Я говорю не об этом!

Представьте себе таблицу поделённую на две части...

С левой стороны один бэкгроунд с правой другой...

Но таблица правой стороны длиннее левой.

В тэйблах задний фон автоматически фигурировался по длине любой из сторон. Но в дивах это не получается.

Ссылка на сообщение
Поделиться на других сайтах

Создай в стилях 2 переменные например table left и table right, затем впиши две строчки в файл стилей:

.table left{vertical-align:top; padding:0; width:100%;background:url(../images/картинка1.gif) repeat-x top;}

.table right{vertical-align:top; padding:0; width:100%;background:url(../images/картинка2.gif) repeat-x top;}
ну а после этого в нужном тебе файле и нужном месте вставляешь:
<div class=table left>бла бла бла</div>
и
<div class=table right>бла бла бла</div>
просто DIV-ы можешь еще для большей верности вставить в ячейки таблицы, например:
<table><tr><td><div class=table left>бла бла бла</div></td><td><div class=table right>бла бла бла</div></td></tr></table>

Ссылка на сообщение
Поделиться на других сайтах
<table>

	<tr>

		<td style="background: url(1.gif) repeat;">Левая</td>

		<td style="background: url(2.gif) repeat;">Правая длиннее</td>

	</tr>

</table>

Ссылка на сообщение
Поделиться на других сайтах

Мне не нужна табличная вёрстка, это я и сам знаю как делать..

Вопрос по дивам.

Изменено пользователем bakabek
Ссылка на сообщение
Поделиться на других сайтах
<div style="background: url(1.gif) repeat; float: left;">Левая</div>

<div style="background: url(2.gif) repeat;">Правая длиннее</div>

Ссылка на сообщение
Поделиться на других сайтах

Делаю точно также , но та что левая и короче не уравнивается с правой. Она останавливается где заканчивается информация.

Ссылка на сообщение
Поделиться на других сайтах

Непонятно что-то... нужно фоновую картинку растягивать вместе с контентом?

Если да то я бы поступил таким образом....

Контейнер с позишин релатив (чтоб блоки внутри уже от него отталкивались)

Затем в него два блока один с картинкой 100 на 100 процентов второй с контентом....и дать им правило позишин абсолют.

Ссылка на сообщение
Поделиться на других сайтах

Делаю точно также , но та что левая и короче не уравнивается с правой. Она останавливается где заканчивается информация.

Помог бы тебе, если бы ты объяснил нормально и подробнее, что надо :)

Нарисуй картинку и покажи.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...