VPF::Высота div-a в IE как он её высчитывает?

Enya

Дата 14.2.2008, 12:43 (ссылка)

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

Загрузка ...

Опытный

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

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

И так есть два ряда div-ов все величины указанны в процентах. (ну уже верхний рад 400рх, а вообще 45%) нижний соотвественно должен занимать всё остальное 55%. но в IE он растягивает больше чем надо. в дивах контанта так по чуть чуть. Лишних отступов нет.

Грубо говаря у меня лишние 100 приблизительно пикселов высоты. Да от куда они?

Код


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

Код


#full{
                border:1px solid black;
                width:70%;
                //width:80%;
                height:100%;
                //height: 68%; 
                margin: 0px 0px 0px 15%;
                display:block;
        
            }
            #MenuBox{
                width: 26%;
                height: 45%;
                float: left;
                position: relative;
                background-image: url('http://santadipalestra.lv/img/1.gif');
            }
            #FotoBox{
                width: 28%;
                height: 45%;
                float: left;
                position: relative;
                background-image: url('http://santadipalestra.lv/img/1.jpg');
            }
            #LogoBox{
                width: 46%;
                height: 45%;
                float: left;
                position: relative;
                background-image: url('http://santadipalestra.lv/img/logo_cell_bg.gif');
            }
            #ActualBox{
                width: 26%;
                height: 55%;
                
                float: left;
                position: relative; 
                background-image: url('http://santadipalestra.lv/img/3.gif');    
            }
            #KontaktBox{
                width: 28%;
                height: 55%;
                
                float: left;
                
                background-color: #b79268;        
            }
            #WorkArea{
                width: 46%;
                height: 55%;
                
                float: left;
                position: relative;
                background-color: #bda893;
            }

Код


<div id="full">
            <div id="MenuBox"><div id="navi">{$navi}</div></div>
            <div id="FotoBox"></div>
            <div id="LogoBox"></div>
            <div id="ActualBox">
                <h4 class="cellHeaders">АКТУАЛЬНО</h4>
                <hr width="80%" color="white" noshade size="1">
                <br><br><br><br><br><br>
                <hr width="80%" color="white" noshade size="1">
            </div>
            <div id="KontaktBox">
                <h4 class="cellHeaders">КОНТАКТЫ</h4>
                    <p class="kontatitext">

                                              </br>
                    <strong>Время работы</strong><br>
                    Понедельник - пятница 9:00-21:00<br>
                    Суббота 10:00-18:00<br>
                    Воскресенье 11:00-16:00<br>
                    </p>
            </div>
            <div id="WorkArea">
                <h4 class="cellHeaders">НОВОСТИ</h4>
                    <p class="kontatitext">{$content}</p>
            </div>
        </div>

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

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1

bars80080

Дата 14.2.2008, 12:59 (ссылка)

(голосов:1)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

в смысле сверху полоска?

поставь в стилях

Код

* { margin: 0px; padding: 0px; }

Enya

Дата 14.2.2008, 14:26 (ссылка)

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

Загрузка ...

Опытный

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

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

bars80080, увы не помагает.

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

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1

bars80080

Дата 14.2.2008, 14:58 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

в моём случае помогло (запусти именно этот пример что ты привёл), но ты ведь привёл не весь код, наверняка у тебя там ещё что-то

надеюсь, у тебя есть тэги <body>

ilyaILF

Дата 14.2.2008, 22:26 (ссылка)

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

Загрузка ...

Шустрый

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

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

Во-первых, вы используете некорректную запись Доктайпа. Вот здесь написано, почему важно использовать корректную запись Доктайпа. А высота Дивов определяется либо в абсолютных единицах, либо содержащимся в них контентом.
Последние свои слова беру назад, в этом посте http://forum.vingrad.ru/forum/topic-194894.html обсуждался как-раз вопрос равномерного растягивания по высоте соседних Дивов. smile

Это сообщение отредактировал(а) ilyaILF - 14.2.2008, 22:40

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