VPF::Картинка сбивает верстку - Форум программистов

kaa

Дата 3.9.2007, 13:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2

Господа, есть код:

Код


<body class="<?php print $body_classes; ?>" style="padding:0; margin:0;">

<div id="background-div" style="position:absolute; top:0; left:0; width:100%; height:100%;">
    <img src="<?php print base_path();?>themes/my_theme/images/bg.jpg" height="100%" width="100%">

</div>

<div id="common-content-div" style="position:absolute; top:5%; left:5%; width:90%; margin-top:5%; padding:0; background-color:#ffffff">
    <div id="footer-top-div" style="position:absolute; margin:0; padding:0; width:100%; height:100%;">
        <table id="footer-top-contetn-table" border='1' style="width:100%; background-image:url('<?php print base_path();?>themes/my_theme/images/t2_bg.jpg');">
            <tr>
                <td height="250px" width="150">
                </td>
                <td>
                    <img src="<?php print base_path();?>themes/my_theme/images/info_bg.jpg" width="100%">
                </td>
                <td>
                </td>
            </tr>
        </table>    
    </div>
</div>
    
</body>
</html>

Прошу не обращать внимание на <?php ?> - это обрабатывает движок и добавляет путь всего лишь.

Смысл в том что когда вставляю картинку info_bg.jpg и делаю щирину у неё 100%, у меня эта ячейка повторяется кучу раз и притом каждый раз смещается вниз :(

Прилагаю скрин(смещающаяся ячека - зеленый столбик)

Добавлено через 39 секунд
Сразу признаюсь - не искал, ибо даже не представляю как сформулировать вопрос :( А нада срочно :(

Присоединённый файл ( Кол-во скачиваний: 5 )

kosyak.png 6,67 Kb

kaa

Дата 3.9.2007, 15:42 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2

Как оказалось. нужно было задать высоту картинки smile

А кто-нить мне может объяснить, почиму такой глюк, если не указывать высоту картинки ручками?

reich

Дата 4.9.2007, 12:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 41
Регистрация: 3.8.2007
Где: UA

Репутация: нет
Всего: -6

не знаю, как обьяснить, но у меня тоже был такой глюк и я так же указал высоту картинки и все стало на места smile

SelenIT

Дата 4.9.2007, 12:39 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

По-видимому, когда у картинки указано только одно измерение, браузер пытается растягивать ее с сохранением исходных пропорций.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »