Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Проблема с CSS
 
 автор: Boeing   (15.01.2010 в 19:46)   письмо автору
 
 

Помогиите пожалуйста разобраться.

Когда указаны топ и лефт, то див не отоборажается, а если что-то одно, тогда всё ок. Что надо дописать, если я хочу, чтоб был ии топ и лефт? И что б заработало свойство vertical-align


div.err {
            color:red;
            position:absolute;
            top:50%;
            left:35%;
            width:30%;
            height:15%;
            background-color: #ffffdd;
            border: double 3px #ff0000;
            vertical-align:middle;
}

  Ответить  
 
 автор: АЯ   (15.01.2010 в 19:51)   письмо автору
 
   для: Boeing   (15.01.2010 в 19:46)
 

Отображается прекрасно с указанием и того, и другого одновременно.

Проблема у вас в другом - свойство vertical-align к DIV'ам не применимо. Т.е. то, что вы написали, для браузера - пустое место.

  Ответить  
 
 автор: Boeing   (15.01.2010 в 19:55)   письмо автору
 
   для: АЯ   (15.01.2010 в 19:51)
 

в эксплорере не отображается див ваще=( в остальном все норм

  Ответить  
 
 автор: АЯ   (15.01.2010 в 19:59)   письмо автору
 
   для: Boeing   (15.01.2010 в 19:55)
 

Ну что вы лапшу на уши здесь вешаете?
Запустите в MSIE:
<style>
div.err {
            color:red;
            position:absolute;
            top:50%;
            left:35%;
            width:30%;
            height:15%;
            background-color: #ffffdd;
            border: double 3px #ff0000;
           /* vertical-align:middle; - хрень ненужная */

</style>
<div class="err"></div>

Не отобразилось разве?
Ваще? :-)

  Ответить  
 
 автор: Boeing   (15.01.2010 в 20:06)   письмо автору
 
   для: АЯ   (15.01.2010 в 19:59)
 

Аще не отображается в эксплорере честное слово!=) ненаю что за ерунда. Мозилла норм, гуглхром-норм, а ИЕ - нехрена!

вот попробуйте. http://93.80.200.251/eshop/admin/?delline - раздел удаление записей, не выбирая флажки нажмите кнопку

  Ответить  
 
 автор: АЯ   (15.01.2010 в 20:41)   письмо автору
 
   для: Boeing   (15.01.2010 в 20:06)
 

Хе-хе...
Это кто же учил вас языку HTML?

Копирую часть вашего кода:
<table border=1>
    <th>#</th><th>Товар</th><th>СID</th><th>X</th>
<div class="err">Записи не выбраны</div>
    <tr>
        <td>1</td>
        <td style="font-family:verdana;">Ajax в действии</td>
        <td style="font-family:courier;">ff6a82d7d68ffc51b5fef5f4a14a5da2</td>
        <td><input type="checkbox" name="type[]" value="ff6a82d7d68ffc51b5fef5f4a14a5da2"></td>
    </tr>
и так далее...

Как видим, первой строки - тега <TR> - в вашей таблице нет в принципе.
Ячейки - теги <TH> - имеются, в количестве аж 4-х штук, но они у вас - вне конкурса вне всяких строк.
И вместе с ячейками вне конкурса вне всяких строк появляется и ваш DIV.
Который действительно не отображается.

И не отображается он ПОТОМУ, что браузер MSIE самый ПРАВИЛЬНЫЙ - он ищет РОДИТЕЛЬСКИЙ элемент для тега DIV, чтобы именно в родительском элементе отсчитать проценты для top'a и для left'a. А родительский элемент для DIV'a у вас какой, скажете?
Не скажете.
Ибо сами не знаете.
То ли тег <TABLE>, который есть в реале.
То ли тег <TR>, которого в реале нет, но который как бы визуально и есть.
То ли тег <TBODY>, который автоматически создаётся всеми браузерами, даже если его и не прописывать...

Задачка, в общем, непростая, правда? :-)
Браузер MSIE её, конечно, решает. И ваши 35 и 50 процентов от левого верхнего угла то ли <TABLE>, то ли <TR>, то ли <TBODY> все-таки отсчитывает и ваш DIV отображает... Но вот беда - на этом месте ваш DIV, увы, перекрывают имеющие место быть в реале следующие строки (теги <TR>) и ячейки в этих строках (теги <TD>).

[поправлено модератором]

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования