Показано с 1 по 20 из 22

Тема: Минимальная высота и ширина таблицы.

Комбинированный просмотр

  1. #1

    Регистрация
    30.12.2007
    Сообщений
    9
    Код:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Untitled Document</title>
    </head>
    <table border="0" cellspacing="0" cellpadding="0" style="height:100%; width:100%;">
     *<tr>
     * *<td colspan="8" height="181"></td>
     *</tr>
     *<tr>
     * *<td rowspan="6" width="20" valign="top"></td>
     * *<td colspan="6" height="2" bgcolor="#543930"><div style="height:2px; font-size:2px; line-height:2px;"></div></td>
     * *<td rowspan="6" width="20"></td>
     *</tr>
     *<tr>
     * *<td rowspan="3" width="2" bgcolor="#543930"><div style="width:2px; font-size:2px; line-height:2px;"></div></td>
     * *<td colspan="4" height="2" bgcolor="#2f2524"><div style="height:2px; font-size:2px; line-height:2px;"></div></td>
     * *<td rowspan="3" width="2" bgcolor="#543930"><div style="width:2px; font-size:2px; line-height:2px;"></div></td>
     *</tr>
     *<tr>
     * *<td width="2" bgcolor="#2f2524"><div style="width:2px; font-size:2px; line-height:2px;"></div></td>
     * *<td bgcolor="#3c2d28" width="271"></td>
     * *<td bgcolor="#e6c568"></td>
     * *<td width="2" bgcolor="#2f2524"><div style="width:2px; font-size:2px; line-height:2px;"></div></td>
     *</tr>
     *<tr>
     * *<td colspan="4" height="2" bgcolor="#2f2524"><div style="height:2px; font-size:2px; line-height:2px;"></div></td>
     *</tr>
     *<tr>
     * *<td colspan="6" height="2" bgcolor="#543930"><div style="height:2px; font-size:2px; line-height:2px;"></div></td>
     *</tr>
     *<tr>
     * *<td colspan="6" height="20"></td>
     *</tr>
    </table>
    Вставляю гиф картинку чтобы сделать распорку и все плывет( подскажите как ограничить таблицу высотой 500px и шириной 100px. Без Js

    З.Ы. Дивную верстку не предлогать, как только ИЕ будет нормуль работать будем юзать дивную. А пока количество хаков нужных намного больше табличного кода(

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    1. Распорка – это хак, который пострашнее любых «дивных» хаков.
    2. Свалили в ужас.
    3. С наступающим Вас Новым годом.

  3. #3

    Регистрация
    12.03.2007
    Адрес
    Омск
    Сообщений
    37
    Аж голова устала...
    А где гифка в коде?
    Неее, без кошмаров вам в следующем году.

  4. #4

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Alexis@Dec 30 2007, 23:10
    Аж голова устала...
    А где гифка в коде?
    Неее, без кошмаров вам в следующем году.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Вот так как в 1 посте у мя все гуд работает, тока таблица уменьшаеться сильно. Вставляю гив вот так

    Код:
    <table border="0" cellspacing="0" cellpadding="0" style="height:100%; width:100%;">
     *<tr>
     * *<td colspan="8" height="181">[img]ie.gif[/img]</td>
     *</tr>
     *<tr>
     * *<td rowspan="6" width="20">[img]ie.gif[/img]</td>
    И все плывет( В ИЕ и Опера.
    FF все отображает как надо.

  5. #5

    Регистрация
    12.03.2007
    Адрес
    Омск
    Сообщений
    37
    Opera, IE по своему относятся к пустым ячейкам, попросту говоря - они их не любят.
    ну вот примерно так, хотя кошмар конечно:
    Код:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Untitled Document</title>
    <style type=text/css>
    BODY{
    margin:0;
    padding:0;
    }
    TABLE{width:100%;height:100%;}
    #td{width:1001px;height:181px;}
    #tt{height:2px; font-size:2px; line-height:2px;}
    #tw{width:2px; font-size:2px; line-height:2px;}
    </style>
    </head>
    <table border="0" cellspacing="0" cellpadding="0">
     <tr>
     * <td colspan="8" id=td></td>
     </tr>
     <tr>
     * <td rowspan="6" width="20" bgcolor=#0000ff></td>
     * <td colspan="6" id="tt" bgcolor="red"></td>
     * <td rowspan="6" width="20" bgcolor=#0000ff></td>
     </tr>
     <tr>
     * <td rowspan="3" id="tt" width="2" bgcolor="green"></td>
     * <td colspan="4" id="tt" bgcolor="blue"></td>
     * <td rowspan="3" id="tt" width="2" bgcolor="green"></td>
     </tr>
     <tr>
     * <td id="tw" bgcolor="red"></td>
     * <td bgcolor="olive" width="271"></td>
     * <td bgcolor="#e6c568"></td>/*здесь лучше указывать ширину ячейки, если она пустая или ввести текст и она растянется*/
     * <td id="tw" bgcolor="red"></td>
     </tr>
     <tr>
     * <td colspan="4" id="tt" bgcolor="blue"></td>
     </tr>
     <tr>
     * <td colspan="6" id="tt" bgcolor="red"></td>
     </tr>
     <tr>
     * <td colspan="6" height="20"></td>
     </tr>
    </table>
    </body>
    </html>

  6. #6

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Alexis@Dec 31 2007, 02:07
    Opera, IE по своему относятся к пустым ячейкам, попросту говоря - они их не любят.
    ну вот примерно так, хотя кошмар конечно:
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ех. Все нето, все нитак. Но спасибо за старание.

    1. Бежевый блок должен занимать все доступное пространство. А блок olive должен иметь фиксированный размер, 271px.
    2. После ширины 1001 стягивание таблицы должно прекратиться.
    3. Синие блоки слева и справа всегда должны иметь 20px ширину.
    4. В опере и IE без заключения пробела в див они имеют ширину 4px.

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  8. #8

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Aykroyd@Dec 31 2007, 03:55
    [b]

  9. #9

    Регистрация
    12.03.2007
    Адрес
    Омск
    Сообщений
    37
    Ну и злыдень , но +1

  10. #10

    Регистрация
    12.03.2007
    Адрес
    Омск
    Сообщений
    37
    М..да - говоришь "блок olive", а верстаешь таблицей. Ячейки будут сжиматься, если в них нет контента

  11. #11

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Alexis@Dec 31 2007, 11:58
    М..да - говоришь "блок olive", а верстаешь таблицей. Ячейки будут сжиматься, если в них нет контента
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    тянусь к правильному) Я за блоки. Но если бы с ними работали КОРЕКТНО все браузеры. А так, какая разница, блоками или таблицей верстать если в обоих случаях приходиться брать в руки бубен). С таблицами приходиться меньше стучать)
    З,Ы, небудем разводить флуд, и отходить от темы.

    буду пробывать) Уже добился того чтоб в ие и опере было все гуд) но теперь в FF не так как хочеться)

  12. #12

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by pizzZ@Dec 31 2007, 11:17
    тянусь к правильному) Я за блоки. Но если бы с ними работали КОРЕКТНО все браузеры.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Я Вас умоляю, прекратите нести всю эту космическую ересь. С блоками на сегодняшний день корректно работают все современные браузеры. И если какой-то один браузер не понимает пару-тройку CSS-свойств без помощи JavaScript, то это еще не повод, для того чтобы делать всякие громкие заявления.



    P.S.
    Совсем недавно в одной из соседних тем я привел [Только зарегистрированные пользователи могут видеть ссылки. ], когда то, что достигается с использованием блочной модели, невозможно получить таблицами в принципе (а не наоборот).

  13. #13

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Aykroyd@Dec 31 2007, 14:06
    Я Вас умоляю, прекратите нести всю эту космическую ересь. С блоками на сегодняшний день корректно работают все современные браузеры. И если какой-то один браузер не понимает пару-тройку CSS-свойств без помощи JavaScript, то это еще не повод, для того чтобы делать всякие громкие заявления.
    P.S.
    Совсем недавно в одной из соседних тем я привел реальный пример, когда то, что достигается с использованием блочной модели, невозможно получить таблицами в принципе (а не наоборот).
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Этот какой-то один браузер ИСПОЛЬЗУЮТ 60% пользователей интернета. Ладно. Че на русском можно почитать именно про верстку с помошью блоков. Читал ВЕБ-мастеринг средствами CSS Михаила Дубакова. А что еще можно почитать? Про фиксы и т.д.

    З.ы. заодно не подскажете как с помошью дивов сделать бордюр 2-х px разноцветный. при этом высота блока в %.

  14. #14

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by pizzZ@Dec 31 2007, 15:15
    Читал ВЕБ-мастеринг средствами CSS Михаила Дубакова.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Хорошая книга. И главное, весьма редкая.

    Originally posted by pizzZ@Dec 31 2007, 15:15
    А что еще можно почитать? Про фиксы и т.д.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    Originally posted by pizzZ@Dec 31 2007, 15:15
    З.ы. заодно не подскажете как с помошью дивов сделать бордюр 2-х px разноцветный. при этом высота блока в %.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Вообще, зависит от каждого конкретного случая.
    В принципе, один блок в другой можно вложить... если так уж свербит...)

  15. #15

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    [Только зарегистрированные пользователи могут видеть ссылки. ] выбирайте зеркало Self Host

  16. #16

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Что подразумевается под «содержимым»?
    Вертикальное растягивание букв текста или увеличение межстрочного интервала? ))

Похожие темы

  1. Ответов: 4
    Последнее сообщение: 13.08.2009, 09:31
  2. Ширина окна - предел?
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 13.02.2008, 21:21
  3. фиксированная мин ширина и отрицательные поля!
    от never_again в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 16.04.2007, 19:05
  4. Ширина слоя <div>
    от X-Team в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 27.07.2005, 09:34
  5. какя ширина между фальцами?
    от Oldboy в разделе Печать и препресс
    Ответов: 2
    Последнее сообщение: 29.06.2005, 16:00

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •