Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> зафиксировать высоту ячейки таблицы, чтоб не увеличивалась больше нужного 
:(
    Опции темы
Johny_03
Дата 5.8.2008, 23:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Всем привет!
Подскажите пожалуйста, как мне можно зафиксировать высоту ячейки_1? я задал высоту 150px, но когда ячейка_2 наполняется, то ячейка_1 расстягивается больше нужного. А мне нужно, чтоб ячейка_1 была фиксированной, а ячейка_4 растягивалась на остальное

Код

<html>
    <body>
<table border=1 width=100%>
    <tr valign="top">
        <td width=220 height=150>ячейка_1
        </td>
      <td rowspan=2>ячейка_2
        <br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br>
      </td>
      <td rowspan=2 width=18%>ячейка_3
      </td>
    </tr>
    <tr valign="top">
        <td>ячейка_4
        </td>
    </tr>
</table>
</body>
</html>

Заранее огромное спасибо!
PM MAIL   Вверх
webster
Дата 6.8.2008, 02:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Высоту можно зафиксировать только если и для нижней ячейки (ячейка_4) определить какое-либо значение высоты, но в таком случае каркас таблицы уже тянуться не будет по высоте и контент, при переполнении ячеек будет "вываливаться" за пределы ячейки.
Можно вложить в первую колонку таблицы div фиксированной высоты, и не использовать две строки таблицы.
PM MAIL   Вверх
Gold Dragon
Дата 6.8.2008, 08:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



я бы предложил такую структуру, думаю смысл понятен
Код

<table border=1 width=100%>
    <tr valign="top">
        <td width=220>
            <table border="1" width="100%">
                <tr>
                    <td height="150">1</td>
                </tr>
            </table>
            <table border="1" width="100%">
                <tr>
                    <td>2</td>
                </tr>
            </table>
        </td>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

но отказался бы вообще использовать height в таблице. Не рекомендовано спецификацией и нет гарантии что это не перестанут поддерживать новые браузеры. Лично я для этой цели использую прозрачную Гифку.

Это сообщение отредактировал(а) Gold Dragon - 6.8.2008, 08:02


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
krundetz
Дата 6.8.2008, 08:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: 1
Всего: 69



Насколько я понял то нужно получить ячейку таблицы ограниченую по высоте.
Для этого берешь и задаешь ей через CSS высоту такую какую надо, далее прописываешь такое свойство
Код

overflow: hidden;

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


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
NDenis
Дата 6.8.2008, 08:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



krundetz, вы забыли упомянуть, что при таком правиле, переполняемый контент будет обрезаться smile 
PM MAIL   Вверх
Johny_03
Дата 6.8.2008, 09:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Цитата(krundetz @  6.8.2008,  08:26 Найти цитируемый пост)
overflow: hidden;

Объясни плиз, что куда писать. что в css а что в body? Просто я с таким ещё не сталкивался
Спасибо

Это сообщение отредактировал(а) Johny_03 - 6.8.2008, 09:02
PM MAIL   Вверх
Gold Dragon
Дата 6.8.2008, 09:36 (ссылка)   | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



всё пиши в стили.. Это правильно будет


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
krundetz
Дата 6.8.2008, 15:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: 1
Всего: 69



Johny_03, все оформление выноси в стили в HTML оставляй только структуру


NDenis, совершенно верно обрежится


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
Johny_03
Дата 10.8.2008, 15:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Я решил немного поменять структуру. Подскажите как зафиксировать высоту самой нижней ячейки на странице? чё-то ничего не помагает.
PM MAIL   Вверх
Ctulhy
Дата 10.8.2008, 19:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2



Самой нижней ячейки или таблицы? Ну помоему так же. Я бы сделал через прозрачный гиф или хотя бы через высоту таблицы. Покажи код страницы.
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
Gold Dragon
Дата 11.8.2008, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(Ctulhy @  10.8.2008,  20:18 Найти цитируемый пост)
или хотя бы через высоту таблицы
Не рекомендуется спецификацией..



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Johny_03
Дата 11.8.2008, 11:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Вот код. Мне нужно зафиксировать ячейку_4, сделаь её 40px
Код

 <table border=0 bgcolor="#D4E6F1" width=100% align="center">
    <tr align="center" valign="top">
        <td bgcolor="D4E6F1" width=220 style="padding-top: 300" rowspan=2>
            ячейка_1
        </td>
        <td bgcolor="#ffffff" valign="top" align="center">
      ячейка_2
        </td>
        <td width=18% rowspan=2 align="center">
            ячейка_3
        </td>
    </tr>
    <tr align="center">
        <td bgcolor="#ffffff"><br>
         ячейка_4
        </td>
    </tr>
 </table>

PM MAIL   Вверх
Gold Dragon
Дата 11.8.2008, 11:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



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


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Johny_03
Дата 11.8.2008, 17:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Дело в том, что у меня там будет надпись, а прозрачная гифка не работает, т.к. у меня в опере по умолчанию высота ячейки почему-то очень большая, а гифка естественно меньше и она роли не играет. 
PM MAIL   Вверх
Gold Dragon
Дата 12.8.2008, 07:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



так ты поставь у таблицы  cellpadding="0" cellspacing="0"


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.2175 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.