Показано с 1 по 6 из 6

Тема: опят высота в таблицах

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

  1. #1

    Регистрация
    23.03.2007
    Сообщений
    3
    перерыл много постов, которые выдал ваш поисковик, но так и не наткнулся на тот, который помог бы мне.... есть след. таблица:

    Код:
    <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
     * * * *<tr>
     * * * *****<td height="10" align="right">
     * * * * *<table border="0" height="10" cellspacing="0" cellpadding="0">
     * * * * *<tr>
     * * * * *****<td height="10" style="font-size:1px;"></td>
     * * * * *****<td width="8" height="10" background="images/cruktopleft.gif" style="background-repeat:no-repeat;"></td>
     * * * * *****<td width="100" height="10" background="images/cruktopline.gif" style="background-repeat:repeat-x;"></td>
     * * * * *****<td width="38" height="10" background="images/cruktopright.gif" style="background-repeat:no-repeat;"></td>
     * * * * *</tr>
     * * * * *</table>
     * * * *****</td>
     * * * *****<td></td>
     * * * *</tr>
     * * *****<tr>
     * * * *<td height="9" background="images/vertlinetopcenter.gif" style="background-repeat:repeat-x;font-size:1px;">
     * * * *</td>
     * * * *<td width="21" rowspan="3" style="font-size:1px;">
     * * * *****<table border="1" width="21" height="100%" cellspacing="0" cellpadding="0">
     * * * *****<tr>
     * * * * *<td height="14" width="21" background="images/rightmainconer.gif" style="background-repeat:no-repeat;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td height="20" width="21" background="images/rightline1.gif" style="background-repeat:repeat-y;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td height="5" width="21" background="images/rightconer1.gif" style="background-repeat:no-repeat;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td width="21" background="images/rightline2.gif" style="background-repeat:repeat-y;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td height="5" width="21" background="images/bottright2.gif" style="background-repeat:no-repeat;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td height="22" width="21" background="images/rightline1.gif" style="background-repeat:repeat-y;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****<tr>
     * * * * *<td height="14" width="21" background="images/bottright1.gif" style="background-repeat:no-repeat;font-size:1px;"></td>
     * * * *****</tr>
     * * * *****</table>
     * * * *</td>
     * * *****</tr>
     * * *****<tr>
     * * * *<td align="center" valign="middle" background="images/mainfon.jpg">CENTER</td>
     * * *****</tr>
     * * *****<tr>
     * * * *<td height="9" background="images/vertlinebottcenter.gif" align="center" style="background-repeat:repeat-x;background-position:bottom;font-size:1px;"></td>
     * * *****</tr> * *
     * * *****<tr>
     * * * *<td height="9" align="right">
     * * * *****<table border="0" height="100%" cellspacing="0" cellpadding="0">
     * * * * *<tr>
     * * * * *****<td height="9" style="font-size:1px"></td>
     * * * * *****<td width="8" height="9" background="images/crukbottleft.gif" style="background-repeat:no-repeat;"></td>
     * * * * *****<td width="100" height="9" background="images/crukbottcenter.gif" style="background-repeat:repeat-x;"></td>
     * * * * *****<td width="38" height="9" background="images/crukbottright.gif" style="background-repeat:no-repeat;"></td>
     * * * * *</tr>
     * * * * *</table>
     * * * *</td>
     * * * *<td></td>
     * * *****</tr> *****
     * * *</table>
    все картинки соответствуют размерам таблицы, и при отображении в FF все красиво, но вот открывая это в IE столкнулся с проблемой, что две строки над и под центральной имеют не ту высоту (выше рисунка)... что только не пробовал, ничего не помогает, за исключением варианта, когда убираю ячейку с rowspan... но она мне нужна...

    может кто подскажет, где грабли?

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    <td height="83" align="center" valign="middle" background="images/mainfon.jpg">CENTER</td>

    Это несложно посчитать. ))


    P.S. У элемента <table> нет атрибута height по определению...

  3. #3

    Регистрация
    23.03.2007
    Сообщений
    3
    вообщето я не задал тут высоту, чтобы страница могла тянуться вниз...
    спасибо насчет height в таблицах (не задумывался)...
    сделал, не получается, всеравно полосы широкие, прилагаю скрин...

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    У меня Ваши полосы узкие и одинаковые во всех браузерах.
    Может быть проблема в !DOCTYPE...

  5. #5

    Регистрация
    23.03.2007
    Сообщений
    3
    наврядли... он у меня след содержания...

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    я вот тут помудрил ещё... и когда вставил внутри другую таблицу все встало нормально...

    всеравно спасибо!

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Не за что. )

    P.S.
    Доктайп Вы используете сокращенный. Он не вводит браузеры в стандартный режим рендеринга. Получается, что работаете в режиме совместимости с IE 5.x

Похожие темы

  1. 100% высота для div-а
    от sssergius в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 28.10.2007, 14:43
  2. rules в таблицах через CSS. как ?
    от sni в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 17.07.2007, 19:21
  3. высота div в IE
    от Saint_Matrix в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 15.08.2006, 23:34
  4. файл распорки в таблицах
    от Webtailor в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 24.05.2006, 19:47
  5. Границы в таблицах.
    от Queesesto в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 22.11.2004, 15:58

Ваши права

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