Страница 1 из 2 12 ПоследняяПоследняя
Показано с 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

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

  7. #7

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

  8. #8

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

  9. #9

    Регистрация
    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.

  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
    Originally posted by Рёга@Dec 31 2007, 20:28
    [Только зарегистрированные пользователи могут видеть ссылки. ] выбирайте зеркало Self Host
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Помнится, Павел (Zigzag) в свое время очень ее искал.
    И по-моему тогда так и не нашел...

  17. #17

    Регистрация
    30.12.2007
    Сообщений
    9
    Всех с новым годом.

    Веб мастеринг средствами CSS Михаил Дубаков
    Страница 424

    "Отсюда вытекает, что с помощью стилей невозможно сверстать сайт, у которого есть шапка, центральная часть и так называемый футер.
    Причем в центральной части должен быть элемент, который согласно дизайну должен соприкосаться и с шапкой, и с футером, например..."
    Одна из страниц сайта который верстаю должна быть сделна так

    | ШАпка высота 181 ширина 100% |
    |Меню ширина 300px, высота все доступное|Вывод текста. ширина все доступное, высота все доступное |
    | Подвал. высота 20px ширина 100% |

    Вы неподскажете решение этой проблемы?

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    * {margin: 0px; padding: 0px;}
    html {height: 100%; background: #FFFFFF;}
    body {background: url(bg.gif) repeat-y; min-width: 1000px; min-height: 100%;}
    * html body {height: 100%;}
    #block1 {background: #FFFFCC; width: 100%; height: 161px; overflow: hidden;}
    #left {width: 600px; float: left;}
    * html #left {margin-right: -3px;}
    #block2 {background: #CCFFCC; width: 600px; height: 400px; overflow: hidden;}
    #block4 {width: 300px; min-height: 350px; float: left;}
    #block5 {width: 300px; min-height: 350px; float: right;}
    #right {min-height: 750px; margin-left: 600px;}
    * html #right {margin-left: 597px; height: 1%;}
    </style>
    
    </head>
    
    <body>
    
    
    <div id="left">
     * *
     * *
     * *
    </div>
    
    
    </body>
    </html>
    К сожелению возникает проблема. Блок 4 и 5 не растягиваються вниз при высоте более 750px. Это принципиально.

    Block 4
    По ширине 300px и неизменна.
    По высоте 350 и растягиваеться вниз на полный экран

    Block 5
    По ширине 300px и неизменна.
    По высоте 350 и растягиваеться вниз на полный экран
    Сегодня просмотрел Ваш код основательно. Неподходит к тому что я писал. Но идея мной понята. Хотя не понятно с высотой че делать.

    Наткнулся вчера в сети на такой пост:

    Мои пять копеек размышлизмов. ИМХО, в постановке вопроса не озвучена одна из основных проблем css-вёрстки.
    Шаблон из 1-2 колонок вообще никаких проблем не составляет. Сложности возникают потом. И зависят они

    1. от количества вертикальных колонок, которые в нём должны быть.
    2. от того, есть ли среди них фиксированные колонки (ширина жёстко задана в px) или все колонки резиновые (в %).
    3. ещё сильнее ситуацию усложняет необходимость фиксированной min-width (с которой в IE большие проблемы).

    Первое резюме такое: если в резиновом шаблоне колонок 3 и более, без хорошего прошлого опыта вёрстки браться за div не советую (а если быть ещё более точным, вообще не стоит это делать на div&#39;ах - сделать можно, но будет это только глумлением над хорошей идеей).

    В 3-хколоночной вёрсте, если крайние фиксированные по ширине, а средняя резиновая, сложно соблюсти оптимальный порядок вывода контента в потоке. Если все "резиновые" - таких проблем нет. Будет проблема с min-width.

    С 4-мя колонками проблем, по крайней мере, не меньше.

    Но самое главное ИМХО даже не это. Всё равно при многоколоночной вёрстке сложно или вообще невозможно соблюсти ГЛАВНЫЙ принцип css-вёрстки: полное отделение контента от его представления: вложенность тэгов <table><tr><td> просто заменится на <div><div><div>. Т.е. исключительно в целях оформления контента придётся создавать дополнительные контейнеры (тем самым добавлять в конетент [в html] лишние div, не несущие совершенно никакой смысловой нагрузки, кроме оформительской). А редька (вложение* <div> в <div> ) ничем не слаще хрена (вложения <td> в <tr>). Какая разница, каким способом мы будем издеваться над хорошей идеей, если придерживаться её невозможно?

    Второе резюме: многоколоночная резиновая вёрста (3 и более) с идеологией css2 не дружит или дружит плохо. Следовательно, такое сочетание смысла не имеет (отказывайтесь или от колонок или от div).

    ЗЫ: Всё сказанное относится только к РЕЗИНОВОМУ шаблону. Фиксаж делать на порядок проще, но вопрос о нём не стоял.
    Не будем спорить. Я не гуру верстки, а пока только учусь. Понимаю что таблицы для табличных данных.

  18. #18

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Во-первых, хочу обратить Ваше внимание, что все Ваши цитаты (в том числе и Дубаков) содержат весьма устаревшую на сегодняшний день информацию.

    Originally posted by pizzZ@Jan 1 2008, 02:18
    К сожелению возникает проблема. Блок 4 и 5 не растягиваються вниз при высоте более 750px. Это принципиально.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Честно говоря, я вообще не понимаю, о какой проблеме идет речь. Нет там никаких проблем. Необходимо понимать, что блоки 4 и 5 физически не могут никуда растягиваться, поскольку в CSS нет средств сказать "выстота вон как у того другого элемента". Но вместо этого есть техника Faux Columns, которая с успехом позволяет эмулировать нужный Вам эффект... Проще говоря, фон блоков 3, 4 и 5 назначен не им самим, а элементу body в качестве графического изображения. Это позволяет создать иллюзию вертикального растяжения блоков 4 и 5 при наполнении их контентом (фон body будет равномерно тянуться вниз вне зависимости от того, какая колонка будет короче, а какая длиннее). Если Вам необходим для этих блоков другой фон – сделайте другое графическое изображение вместо bg.gif. В чем проблема?

    Я надеюсь, Вы не забыли скачать этот самый bg.gif, прикрепленный мной в [Только зарегистрированные пользователи могут видеть ссылки. ] месте?

    Originally posted by pizzZ@Jan 1 2008, 02:18
    Понимаю что таблицы для табличных данных.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    И это главное.

  19. #19

    Регистрация
    30.12.2007
    Сообщений
    9
    Originally posted by Aykroyd+Jan 1 2008, 04:45--><div class='quotetop'>Цитата(Aykroyd @ Jan 1 2008, 04:45)</div>
    Во-первых, хочу обратить Ваше внимание, что все Ваши цитаты (в том числе и Дубаков) содержат весьма устаревшую на сегодняшний день информацию.[/b]
    Покажите пожалуйста как решаеться с помощью дивов:

    блок фикс
    блок фикс:Блок резина:блок фикс
    Блок фикс

    <!--QuoteBegin-Aykroyd
    @Jan 1 2008, 04:45
    Честно говоря, я вообще не понимаю, о какой проблеме идет речь. Нет там никаких проблем. Необходимо понимать, что блоки 4 и 5 физически не могут никуда растягиваться, поскольку в CSS нет средств сказать "выстота вон как у того другого элемента". Но вместо этого есть техника Faux Columns, которая с успехом позволяет эмулировать нужный Вам эффект... Проще говоря, фон блоков 3, 4 и 5 назначен не им самим, а элементу body в качестве графического изображения. Это позволяет создать иллюзию вертикального растяжения блоков 4 и 5 при наполнении их контентом (фон body будет равномерно тянуться вниз вне зависимости от того, какая колонка будет короче, а какая длиннее). Если Вам необходим для этих блоков другой фон – сделайте другое графическое изображение вместо bg.gif. В чем проблема?

    Я надеюсь, Вы не забыли скачать этот самый bg.gif, прикрепленный мной в том самом месте?
    И это главное.*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Забыл. Первый раз не обратил внимания на фон) ща посмотрел, оригинально)

  20. #20

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by pizzZ@Jan 1 2008, 04:16
    Покажите пожалуйста как решаеться с помощью дивов:

    блок фикс
    блок фикс:Блок резина:блок фикс
    Блок фикс
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Давайте все-таки глаза чуть-чуть [Только зарегистрированные пользователи могут видеть ссылки. ].

    Originally posted by pizzZ@Jan 1 2008, 04:16
    Забыл.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Без комментариев... :read:

    Originally posted by pizzZ@Jan 1 2008, 04:16
    Первый раз не обратил внимания на фон) ща посмотрел, оригинально)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Этой [Только зарегистрированные пользователи могут видеть ссылки. ] вообще-то уже четыре года без одной недели... )

Страница 1 из 2 12 ПоследняяПоследняя

Похожие темы

  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

Ваши права

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