Изменение ширины таблицы

12 3
J
На сайте с 04.12.2006
Offline
37
1535

Как создать таблицу , состоящую из одной ячейки , но так чтобы при уменьшинии окна браузера ширина этой таблицы не была меньше чем 600px ? Т.е. при развернутом окне ширина таблицы будет максимальна , а при уменьшении размера окна таблица будет тоже уменьшаться , но только до значения 600px.

T
На сайте с 11.08.2005
Offline
181
#1

Поставте распорку картинкой высотой в 1пиксел и шириной в 600пикселей.

Например:


<table cellpadding=0 cellspacing=0 border=0 width=100%>
<tr><td><img src="/img/p.gif" width="600" height="1" alt="" border=0></td></tr>
<tr><td>some text</td></tr>
</table>
dRiveR.dLL
На сайте с 25.09.2006
Offline
79
#2

Не берусь утверждать, но кажется, что таблица, сама по себе, этого делать не умеет и приходится пользоваться трюками вроде прозрачной картинки: <img src="spacer.gif" width=600 height=1> (но при отключении картинок в ФФ эта фишка не действует), <hr width=600> (стилями сделать её невидимой), либо вложенной таблицей. Извращение полное, но иногда приходилось пользоваться 😂

Ayavryk
На сайте с 11.10.2003
Offline
209
#3

1. распорка

2. CSS

#table {width:100%;min-width:600px; width:expression(document.body.clientWidth < 600? "600px":"100%" );}

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
J
На сайте с 04.12.2006
Offline
37
#4

А есть скрипт или способ чтобы определенная картинка загрузилась даже если в IE запрещена загрузка картинок ?

dRiveR.dLL
На сайте с 25.09.2006
Offline
79
#5
jkljkljkl:
А есть скрипт или способ чтобы определенная картинка загрузилась даже если в IE запрещена загрузка картинок ?

Возможно и есть, но это уже скорее adware. Зачем вам обманивать пользователей ?!

J
На сайте с 04.12.2006
Offline
37
#6
Ayavryk:
1. распорка
2. CSS
#table {width:100%;min-width:600px; width:expression(document.body.clientWidth < 600? "600px":"100%" );}

Я мягко говоря чайник в html , как использовать то что Вы написали ?

Заранее благодарен за ответ.

J
На сайте с 04.12.2006
Offline
37
#7

Для того чтобы использовать css , нужно в html-коде страницы указать <link rel="stylesheet" href="main.css" type="text/css"> , а потом в папке со страницей создать файл main.css и вписать то , что Вы написали : #table {width:100%;min-width:600px; width:expression(document.body.clientWidth < 600? "600px":"100%" );} . Так ?

А что дальше ?

dRiveR.dLL
На сайте с 25.09.2006
Offline
79
#8

ну а дальше в таблице над которой проводите опыты, среди прочих параметров указать id="table".

<table id="table"><tr><td></td></tr><table>

P.S. Только используйте свой идентификатор лучше, а не table, чтобы не путаться потом лишний раз.

Dreammaker
На сайте с 20.04.2006
Offline
569
#9

expression - это вроде IE only фича? Хотя могу ошибаться.

А по теме лучше распорки ещё ничего не придумали :) Хотя в зависимости от диза можно и другими путями можно извращнуться.. :)

dkameleon
На сайте с 09.12.2005
Offline
386
#10
Dreammaker:
expression - это вроде IE only фича? Хотя могу ошибаться.

А это как раз только для ИЕ и надо ;)

Остальные нормально обрабатывают min-width

Дизайн интерьера (http://balabukha.com/)
12 3

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