Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 18.07.2011, 19:53   #1
AndrejG
 
Регистрация: 04.07.2011
Сообщений: 8
По умолчанию Резиновая таблица

День добрый как заставить правую ячейку таблицы занимать всё пространство после первой.

Вот код:
Код HTML:
<table border="1" width="200">
    <tbody>
        <tr>
            <td>aaaa</td>
            <td></td>
        </tr>
    </tbody>
</table>
Не прибегая к 100% ширине второй ячейки, такое возможно?
AndrejG вне форума Ответить с цитированием
Старый 18.07.2011, 23:03   #2
MrJenika
Форумчанин
 
Аватар для MrJenika
 
Регистрация: 07.09.2009
Сообщений: 361
По умолчанию

я хз, не встречал.
MrJenika вне форума Ответить с цитированием
Старый 19.07.2011, 09:29   #3
Wicort
Форумчанин
 
Аватар для Wicort
 
Регистрация: 04.08.2009
Сообщений: 684
По умолчанию

Не совсем понятна суть Вашего вопроса. Если у Вас для таблицы прописана ширина width="200", то в сумме ячейки всегда будут занимать всю ширину таблицы. Т.е. если вы первой ячейке зададите ширину 50, то вторая сама растянется на 150 (я не беру в расчет расстояния между ячейками)
Если Вы имели ввиду, что в данном случае вообще не отображается вторая ячейка, то нужно, чтобы в ней обязательно было какое-нибудь содержимое. Например, туда можно поставить пробел:
Код HTML:
<table border="1" width="200">
    <tbody>
        <tr>
            <td>aaaa</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>
Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =)
Мой ник зарегистрирован, а твой?
Wicort вне форума Ответить с цитированием
Старый 19.07.2011, 13:09   #4
AndrejG
 
Регистрация: 04.07.2011
Сообщений: 8
По умолчанию

Цитата:
Сообщение от Wicort Посмотреть сообщение
Не совсем понятна суть Вашего вопроса. Если у Вас для таблицы прописана ширина width="200", то в сумме ячейки всегда будут занимать всю ширину таблицы. Т.е. если вы первой ячейке зададите ширину 50, то вторая сама растянется на 150 (я не беру в расчет расстояния между ячейками)
Если Вы имели ввиду, что в данном случае вообще не отображается вторая ячейка, то нужно, чтобы в ней обязательно было какое-нибудь содержимое. Например, туда можно поставить пробел:
Код HTML:
<table border="1" width="200">
    <tbody>
        <tr>
            <td>aaaa</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>
Суть в том, что не известно какая ширина будет у первой ячейки - может 50 может 100, а вторая ячейка должна занимать оставшуюся часть. Это нужно для меню, в левой ячейке идут разделы, в правой должна быть заливка:

Проблема в том, что если правую ячейку делать шириной 100% (чтоб занимала всё оставшееся пространство таблицы справа) то заливка перекрывает левую ячейку в ИЕ7
AndrejG вне форума Ответить с цитированием
Старый 19.07.2011, 14:25   #5
Wicort
Форумчанин
 
Аватар для Wicort
 
Регистрация: 04.08.2009
Сообщений: 684
По умолчанию

Ну так сделайте, как у меня написано в предыдущем посте.
Если у первой ячейки не ставить ширину, то она растянется по ширине максимального контента. Вторая ячейка автоматически займет оставшееся место.
Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =)
Мой ник зарегистрирован, а твой?
Wicort вне форума Ответить с цитированием
Старый 17.01.2013, 11:59   #6
calvinx
Новичок
Джуниор
 
Регистрация: 17.01.2013
Сообщений: 1
По умолчанию

/* чистим стили*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*Эта строчка всё и выполняет. Переносит - правда в том случае, если таблица не вмещается по горизонтали.*/
td
{ float: left; padding: 0 px; margin: 5px ; }
calvinx вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блочная резиновая верстка CocoDen HTML и CSS 0 21.05.2011 05:25
Резиновая блочная верстка Viconte HTML и CSS 2 18.03.2011 13:45
резиновая блочная верстка cyclobe HTML и CSS 8 01.02.2011 12:01
Резиновая шапка сайта dizmo HTML и CSS 21 19.08.2009 06:21
Резиновая шапка acmilan HTML и CSS 14 12.07.2009 00:31