Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> фиксированная высота ячейки, ячейка увеличивается,  
:(
    Опции темы
Enya
  Дата 26.4.2007, 13:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
Вот. Задача посложнее.
Есть ячейка. в ней лого. лого по центру и по середине. высота же этой ячейки так и наровит быть посередине окна.
когда впихиваешь контент (текст). то она подтягивается к лого.
а что делать если контернта мало?
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
    <head>
      <title>biser</title>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
      <link rel="stylesheet" href="biser_style.css" type="text/css">
    </head>
  <body><!--  -->
            <table border="1" cellpadding="0" cellspacing="0" height="100%" width="100%"><!--  -->
                             <tr><!-- Header, Logo -->
                               <td valign="top" align="left" rowspan="2" width="117">
                                 
                                         <!-- MENU TABLE BEGIN -->
                                            <table width="171" border="0" cellpadding="0" cellspacing="0">
                                             <tr>
                                                 <td>
                                                     <img src="images/biser_menu_01.gif" width="171" height="168" alt=""></td>
                                             </tr>
                                             <tr>
                                                 <td>
                                                     <a href="1"><img src="images/biser_menu_02.gif" width="171" height="47" border="0" alt=""></a></td>
                                             </tr>
                                             <tr>
                                                 <td>
                                                     <a href="2"><img src="images/biser_menu_03.gif" width="171" height="59" border="0" alt=""></a></td>
                                             </tr>
                                             <tr>
                                                 <td>
                                                     <a href="3"><img src="images/biser_menu_04.gif" width="171" height="62" border="0" alt=""></a></td>
                                             </tr>
                                             <tr>
                                                 <td>
                                                     <a href="4"><img src="images/biser_menu_05.gif" width="171" height="58" border="0" alt=""></a></td>
                                             </tr>
                                             <tr>
                                                 <td>
                                                     <img src="images/biser_menu_06.gif" width="171" height="87" alt=""></td>
                                             </tr>
                                            </table>
                                        <!-- MENU TABLE BEGIN -->
                                        
                                 </td>
                                 <td valign="top" height="1"><div class="logoLayuot"><img src="images/biser_logo.jpg" alt="Biser site logo"></div></td>
                             </tr>
                             <tr>
                                     <td valign="top" align="center" height="100%"><br>
                                     
                                             <!-- LANGUAGE BAR BEGIN -->
                                             <table border="0" cellpadding="1" cellspacing="1" width="60%">
                                                <tr>
                                                    <td valign="top" align="right"><a href="" class="langBar">LV</a>&nbsp<a href="" class="langBar">RU</a></td>
                                                </tr>
                                             </table>
                                             <!-- LANGUAGE BAR BEGIN -->
                                             
                                                <table border="0" cellpadding="5" cellspacing="5" width="70%">
                           <tr>
                               <td valign="top">
                                    <table border="1" cellpadding="0" cellspacing="0" height="100%" width="100%">
                                        <tr>
                                            <td>aa</td>
                                        </tr>
                                    </table>
                                </td>
                           </tr>
                          </table>
                                            <!-- VITRINA TABLE END -->     
                                    </td>
                             </tr>
                             <tr>
                                <td colspan="2" valign="bottom"><p class="copyright">Copyright © 2005-2007 by MaxiGood. All rights reserved.</p>
                                    <table border="0" cellpadding="3" cellspacing="0" align="center">
                                        <tr>
                                            <td><img src="images/maxigood_service.jpg" alt="maxigood service"><td>
                                            <td><img src="images/maxigood_hosting.jpg" alt="maxigood hosting"><td>
                                            <td><img src="images/maxigood_created.jpg" alt="maxigood created"><td>
                                        </tr>
                                    </table>
                                </td>
                             </tr>
                </table>
                <!-- FLOWERS -->
                <div class="angle"><img src="images/angle_flower.gif" alt=""></div>
                <!-- FLOWERS -->
  </body>
</html>

Код

body{
    background-image: url(images/back_ground_gradient.jpg);
    background-repeat: repeat-x;
    background-position: inherit;
    margin: 0px;
    padding: 0px;
}

.logoLayuot{
    padding-left: 25%;
}
.vitrina{
    background: url(images/cvetti.gif) 100% 100% no-repeat;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-left: 5px;
    padding-right: 5px;
}
div.h_title{
    color: #005825;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}
div.shortDesc{
    color: #005825;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: x-small;
    width: 85%;
}
span.buy{
    color: #005825;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
span.moveRight{
    text-align: right; 
}
a.sikak:link, a.sikak:active, a.sikak:visited{
    color: #005825;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-decoration: none;
    
}
a.sikak:hover{
    text-decoration: underline;
}
div.angle{
    float: right;
    bottom: 5px;
    position: absolute;
    right: 5px;
}
p.copyright{
    color: #005825;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    
}
a.langBar:link, a.langBar:active, a.langBar:visited{
    color: #005825;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}
a.langBar:hover{
    text-decoration: underline;
    color: #FFFFFF;
}


Я бы прикрепила бы архивчик с картинками, но увы - тут нет такой возможности, а точнее прав доступа.

Это сообщение отредактировал(а) Enya - 26.4.2007, 13:30

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  shot.gif 101,09 Kb


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

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 26.4.2007, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


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

Репутация: 97
Всего: 401
А  нужна ли эта ячейка вообще? Разве недостаточно просто положить подряд два блока - верхнюю часть и контент - в одну большую правую ячейку?

Потому что фиксация высоты при colspan'е - давняя больная тема практически для всех браузеров (особенно IE, где решение возможно только в Quirks mode). Решения в принципе есть, но имхо требуют неоправданно много возни...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Enya
Дата 26.4.2007, 15:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
SelenIT, мда.. как всегда усложнила себе жизню.. smile  smile 


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

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1476 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.