нужно принудительное обрезание table + div

Тема в разделе "Веб-дизайн", создана пользователем dosia, 16 мар 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. dosia

    dosia Постоялец

    Регистр.:
    22 июн 2007
    Сообщения:
    77
    Симпатии:
    9
    есть таблица самая простая (ширина 100% нужны 100% экрана, пробовал ширина 700 +стиль 700пх) тд (нужна ширина экрана, пробовал принудительно 700 +стиль 700пх)
    в одной тд есть несколько дивов и один <img>
    все это добро генерировалось на
    picbite.com
    картинка сделанна с запасом по ширине (около 1300пх) задумка такая что все эти дивы будут обрезаться таблицей с align=center по бокам, на практике же таблица растягивается до ширины картинки.

    Нужна ваша помощь, как все это упихать чтобы обрезалось, а не растягивалось?
    таблица вообще не обязательна, я её как метод придумал.
     
  2. matr1x

    matr1x Создатель

    Регистр.:
    14 мар 2009
    Сообщения:
    10
    Симпатии:
    0
    Самый простой способ: задайте картинке отрицательные значения MARGIN.
     
  3. dosia

    dosia Постоялец

    Регистр.:
    22 июн 2007
    Сообщения:
    77
    Симпатии:
    9
    пробовал, при ширине 100% справа уходит, хром вообще косячит, если больше 100% то появляется нижний скролл..
    добился почти желаемого результата с з-индексами +все картинки в бэкграунды и 100% шириной в стилях всех дивов, осталась одна проблема, слой с png тенями в ie6 не попадает
    подскажите какие у фильтра DXImageTransform.Microsoft.AlphaImageLoader ещё параметры бывают, мне нужен бэкграунд-посишн центр+топ ( этот стиль в опере и хроме работает как задуманно, а с ошибкой природы ИЕ не хочет(
     
  4. _NoName_

    _NoName_ Создатель

    Регистр.:
    27 фев 2009
    Сообщения:
    26
    Симпатии:
    6
    Вот держите http://www.twinhelix.com/css/iepngfix/
    Наверно самый пропиариный fix =)) И все благодаря apple (они используют его у себя на сайте)

    установка:
    iepngfix.htc и blank.gif(прозрачная гифка 1х1 px)
    <style type="text/css">
    img, div { behavior: url(iepngfix.htc) } // перечислите все блоки в которых нужно использовать скрипт
    </style>
    в самом скрипте подредактируйте переменную
    var blankImg = '/images/blank.gif'; // путь до гифки
     
    dosia нравится это.
  5. dosia

    dosia Постоялец

    Регистр.:
    22 июн 2007
    Сообщения:
    77
    Симпатии:
    9
    _NoName_
    вот, эта весч работает лучше фильтра раз 100 ))
    сам хак конешн сдвигался ровно на столько же как и с фильтром, т.е. такой же косяк был, но iepngfix_tilebg.js для css1 проблему решил простым подключением, теперь одинаково работает в хроме, опере и ие6
    тцттц
     
Статус темы:
Закрыта.