Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Помогите разобраться с div-ами


Автор: kaa 5.8.2006, 23:56
Вот, родил кучу строк кода:

Код

<html>
<head><title>Панель администрирования</title></head>

<body style="padding:0; margin:0;" link="#000000" alink="#FF0000" vlink="#000000" >
    
    <div id="control_view_contain_panels" style="position:absolute; height:100%; width:25%; left:0%; background-color:#18C5C6; margin:0; padding:0">
        <div style="text-align:center;padding-left:2%;padding-right:2%; height:100%;">
            <form id="form_select_filter">
                <BUTTON type="reset" style="width:70%; margin-top:2%; margin-bottom:2%;">Сброс</BUTTON>
                <select size="1" name="ban">
                <option selected value="all">все</option>
                <option value="y">в бане</option>
                <option value="n">которые не в бане</option>
                </select><br><br>
                <FIELDSET>
                <LEGEND>Данные пользователя</LEGEND>
                Имя<br><input type="text" name="login"><br><br>
                Пароль<br><input type="text" name="pass"><br><br>
                Статус<br><select size="1" name="rights">
                <option selected value="all">все</option>
                <option value="user">Пользователь</option>
                <option value="moder">Модератор</option>
                <option value="admin">Админ</option>
                <option value="moder&admin">Модератор&Админ</option>
                </select><br><br>
                Пол<br><select size="1" name="m_f">
                <option selected value="all">все</option>
                <option value="m">М</option>
                <option value="f">Ж</option>
                <option value="mf">?</option>
                </select><br>
                &nbsp;&nbsp;&nbsp;
                </FIELDSET>
                <BUTTON type="button" style="width:70%; margin-top:2%; margin-bottom:2%;" onclick="QueryFromFilterFunc()">Выбрать</BUTTON>
            </form>
        </div>
    </div>
    
    
    <div id="panel_contain_forms" style="position:absolute; background-color:#BAF3F5; width:75%; height:100%; left:25%; margin:0; padding:0;">
        
        <div id="form_welcome" style="position:absolute; visibility:hidden; padding:0; margin:0; top:0; text-align:center">
            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="2">
                <tr>
                    <td valign="middle" align="center">
                    Добро пожаловать на страницу администрирования
                    </td>
                </tr>
            </table>
        </div>
        
        <div id="form_user_list" style="position:absolute; visibility:hidden; padding:0; margin:0; top:0; left:0">
            <p id="amount_user" align="center"></p>
            <div id="div_table" style="padding:0; width:100%; text-align:center;">
            </div>    
        </div>
        
        
        <div id="form_user" style="position:absolute; visibility:hidden; padding:0; margin:0; top:0; left:0; text-align:center">
            <table id="info_table" bgcolor="#CFD1CF" border="1px" cellspacing="0" style="margin:3px">
                <tbody>
                    <tr>
                        <td valign="middle">Логин(ник)</td>
                        <td>Пароль</td>
                        <td>Пол</td>
                        <td>Статус</td>
                        <td>Количество предупреждений</td>
                        <td>Бан</td>
                        <td>Время до окончания бана</td>
                        <td>Количество банов</td>
                    </tr>
                </tbody>
            </table>
            <br><br>            
            <FORM style="margin:3px">
                <FIELDSET>
                    <LEGEND align="center">Пользователь в бане</LEGEND><br>
                    <table  cellpadding="3" style="margin:3px">
                        <tr>
                            <td valign="middle"><LABEL for="ban_check">Да</LABEL></td>
                            <td><input type="radio" name="ban" value="y" id="ban_check"></td>
                            <td><LABEL for="ban_time">Продолжительность бана</LABEL></td>
                            <td><input type="text" value="" id="ban_time" size="4">дней&nbsp;&nbsp;<input type="text" name="" value="" size="4">часов&nbsp;&nbsp;<input type="text" name="" value="" size="4">минут&nbsp;&nbsp;<input type="text" name="" value="" size="4">секунд</td>
                        </tr>
                        <tr>
                            <td valign="middle"><LABEL for="no_ban_check">Нет</LABEL></td>
                            <td><input type="radio" name="ban" value="n" id="no_ban_check"></td>
                        </tr>
                    </table><br>
                </FIELDSET>
                
                <br>
                
                <FIELDSET>
                    <LEGEND align="center">Параметры доступные только с полномочиями администратора чата</LEGEND><br>
                        <table id="admins_privilegy_table" cellpadding="3">
                            <tr>
                                <td valign="middle"><LABEL for="change_name">Изменить логин</LABEL></td>
                                <td><input type="checkbox" name="change_name" value="name" id="change_name"></td>
                                <td><LABEL for="new_name">Новый логин</LABEL></td>
                                <td ><input type="text" name="new_name" id="new_name" size="10"></td>
                            </tr>
                            <tr>
                                <td valign="middle"><LABEL for="password">Изменить пароль</LABEL></td>
                                <td><input type="checkbox" name="change_password" value="password" id="password"></td>
                                <td><LABEL for="new_password">Новый пароль</LABEL></td>
                                <td><input type="text" name="new_password" id="new_password" size="10"></td>
                            </tr>
                            <tr>
                                <td><LABEL for="status_user">Изменить статус</LABEL></td>
                                <td><input type="checkbox" name="status_user" id="status_user"></td>
                                <td><select size="1" name="ban">
                                    <option selected value="user">Пользователь</option>
                                    <option value="moder">Модер</option>
                                    <option value="admin">Админ</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><LABEL for="delete_user">Удалить пользователя</LABEL></td>
                                <td><input type="checkbox" name="delete_user" id="delete_user"></td>
                            </tr>
                        </table><br>
                </FIELDSET>
            </FORM>
            <table cellpadding="3">
                <tr>
                    <td><BUTTON >Прменить</BUTTON></td>
                    <td><BUTTON id="button_return" onclick="ClickCell()">Вернуться к списку</BUTTON></td>
                </tr>
            </table>
        </div>        

        
        <div id="form_tehnics" style="position:absolute; visibility:hidden; padding:0; margin:0; top:0; left:0">
            <div id="form_work">
            </div>
            <div id="current_user_priveleges">user</div>
        </div>        
    </div>
    
</body>
</html>


И теперь никак немогу понять - откуда справа и снизу пустые белые полосы и как от них избавится?

Еще вопрос - при уменьшении размеров окна все дивы прилежно уменьшаются с ним, тока select-ы упираются до последнего  - ПОЧИМУ?!

Автор: ElGuapo 24.8.2006, 13:17
1. Я не вижу никаких белых полос, ни в IE 6.0 SP2, ни в Opera 9.01

2. Select-ы: по-видимому, это особенность IE. В Опере они ведут себя в точности как остальные элементы.

Установите себе несколько обозревателей! Тогда будет ясно, проблема в коде или в его представлении конкретным браузером.

Автор: UpL1nK 24.8.2006, 17:01
Цитата(ElGuapo @ 24.8.2006,  13:17)
1. Я не вижу никаких белых полос, ни в IE 6.0 SP2, ни в Opera 9.01

Это при развернутом окне, сверни, появятся белые полосы внизу и справа.

Автор: zera 24.8.2006, 17:23
полос не увидел, увидел непонятный вертикальный скролл (огнелис), если он не нужен - поставь "top:0;", гораздо симпатичнее.
зы. ноль не обязательно в процентах указывать  smile 
зызы. полосу сверху вижу.

Автор: ElGuapo 24.8.2006, 20:38
UpL1nK, да  у меня никаких полос, хоть в 1х1 сверни! Это полосы проктрутки у тебя, наверное? Они правда при сворачивании появляются. Опять же проверил в IE и в Opera.

Автор: UpL1nK 24.8.2006, 22:51
Цитата(ElGuapo @ 24.8.2006,  20:38)
UpL1nK, да  у меня никаких полос, хоть в 1х1 сверни! Это полосы проктрутки у тебя, наверное? Они правда при сворачивании появляются. Опять же проверил в IE и в Opera.

Не, действительно белые полосы справа и снизу,  Opera 9.0, хз что такое и код правил, не пойму из-за чего?!
Также в Опере 9,0 и в ИЕ 6,0 смотрел.

Автор: ElGuapo 25.8.2006, 00:50
Ну что сказать... Если кто-то еще увидит эти белые полосы, значит, они тебе не мерещатся smile И так и сяк кручу - нет никаких полос. И даже придумать не могу, почему мы их не видим при том же коде и в тех же браузерах. Единственная идея - про полосы прокрутки, которые на отдельном компьютере отчего-то становятся белыми полосами или же вызывают возле себя полосы. По расположению и поведению сходятся - при уменьшении окна возникают справа и снизу. Что-то с настройкой системы, с цветовыми схемами (?).

А на другом компьютере поглядеть? Нет ноутбучка какого под рукой?

Автор: UpL1nK 25.8.2006, 06:45
Цитата(ElGuapo @ 25.8.2006,  00:50)
А на другом компьютере поглядеть? Нет ноутбучка какого под рукой?

Нет такой возможности smile

Автор: Mymik 25.8.2006, 10:19
Посмотрел в Opera 7.54, NetScape 7.1, FireFox 1.5.0.6, IE 6.0 и никаких белых полосок не увидел :о(... 
Сделай принт скрин твоих белых полосок и вложи на http://www.imageshack.us, а потом сюда кинь ссылочку на  этот рисунок... 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)