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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> text-align, mozilla его игнорирует 
:(
    Опции темы
Простодушный user
Дата 3.1.2006, 21:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мужчина-ураган
*


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

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



вопрос, как заставить mozilla воспринимать свойство text-align.
По умолчанию она его игнорирует.

У меня mozilla firefox 1.1

код
Код

   <div class='right_coll'>
    <div class='hello'>
         <div class='hello_title'>
           приветствие
         </div>
         <div class='hello_text'>
           Здравствуйте мой уважаемый коллега или случайный посетитель!
           Рад приветствовать Вас на сайте Региональной комиссии соревнований
           по поисково-спасательным работам в Санкт-Петербурге. На нашем сайте
           Вы найдете информацию о соревнованиях проводимых на экстремальных дистанциях
           и приключенческих гонках в Санкт-Петербурге и России.
         </div>
         
     </div>
   <div class='enter'>
           <div class='enter_title'>Вход</div>
           <div  class='inter_line'>
             Имя <input type='text' size='20' maxlength='30' id='login' value=''><br>
             Пароль <input type='password' size='20' maxlength='30' id='password' value=''><br>
           </div>
           <input type='submit' id='inter_button' value='Войти' class='inter_submit'>
           <div class='inter_go'>
            <a href=''> >> Новый пользователь << </a><br>
            <a href=''> >> А я пароль забыл... << </a>
           </div>
           
   </div>
  </div>


Код

   .right_coll {position:absolute; top:35px; left:65%; z-index:0; width:33%; text-align:center;}
  .hello {position:relative; left:0; top:0; width:100%; border:dotted 0px;}
   .hello_title {border-bottom:dashed 1px #fff; font-family:Mekanik LET; font-size:9pt; color:#000; font-weight:bold; border:solid 1px; text-align:center; background-color:#ff3300; height:20px}
   .hello_text {text-align:justify; color:#000; font-size:9pt; font-family:Century Gothic; border-width:0px 1px 1px 1px; border-style:solid; padding:4px; background-color:#fff;}

  .enter {position:relative; background-color:#ff3300; border:solid 1px #000; top:20px; width:80%; line-height:30px; padding:10px; text-align:center}
   .enter_title {font-family:Mekanik LET; font-size:11pt; color:#000; font-weight:bold;}
   .inter_submit {position:relative; z-index:4; top:5px;}
   .inter_go {position:relative; z-index:4; left:0px; top:5px; text-align:center;}
   .inter_line {position:relative; z-ndex:4; width:100%; text-align:right; padding-right:30px;}

PM MAIL   Вверх
Illuminaty
Дата 3.1.2006, 23:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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



Цитата
По умолчанию она его игнорирует.
Неправда. Firefox отображает в соответствии стандартам.

Я позволил себе переверстать твой код. Убрал лишнее, добавил кое-что. Результат корректно (насколько я понял твою твою таблицу стилей) отображается в IE6, FF1.5, Opera8.5
Я заполнял style у тегов, а не редактировал классы - так удобнее мне было, а тебе не составит труда сделать copy-paste обратно в классы.
Итак, переделанный код
Код

<div style="position:absolute; top:35px; left:65%; z-index:0; width:33%;"> 
        <div style="width:100%; border:dotted 0px;"> 
                <div style="border-bottom:dashed 1px #fff; font-family:Mekanik LET; font-size:9pt; color:#000; font-weight:bold; border:solid 1px; text-align:center; background-color:#ff3300; height:20px"> приветствие </div> 
                <div style="text-align:justify; color:#000; font-size:9pt; font-family:Century Gothic; border-width:0px 1px 1px 1px; border-style:solid; padding:4px; background-color:#fff;"> Здравствуйте мой уважаемый коллега или случайный посетитель! Рад приветствовать Вас на сайте Региональной комиссии соревнований по поисково-спасательным работам в Санкт-Петербурге. На нашем сайте Вы найдете информацию о соревнованиях проводимых на экстремальных дистанциях и приключенческих гонках в Санкт-Петербурге и России. </div> 
        </div> 
        <div style="background-color:#ff3300; border:solid 1px #000; margin-top:20px; width:80%; line-height:30px; margin-left: 10%; margin-right: 10%"> 
                <div style="font-family:Mekanik LET; font-size:11pt; color:#000; font-weight:bold; text-align:center">Вход</div> 
                <div style="text-align:right; padding-right:30px;"> 
                        <label>Имя</label> 
                        <input type='text' size='20' maxlength='30' id='login' value=''> 
                        <br> 
                        <label>Пароль</label> 
                        <input type='password' size='20' maxlength='30' id='password' value=''> 
                        <br> 
                </div> 
                <div style="text-align:center; margin-top:10px;"> 
                        <input type='submit' id='inter_button' value='Войти'> 
                </div> 
                <div style="text-align:center;"> <a href=''> >> Новый пользователь << </a><br> 
                        <a href=''> >> А я пароль забыл... << </a> </div> 
        </div> 
</div>
Удачи
PM MAIL ICQ   Вверх
Простодушный user
Дата 4.1.2006, 06:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мужчина-ураган
*


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

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



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


 




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


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

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