Главная страница
    Top.Mail.Ru    Яндекс.Метрика
Форум: "Прочее";
Текущий архив: 2009.07.05;
Скачать: [xml.tar.bz2];

Вниз

файерфокс тупит или я   Найти похожие ветки 

 
Медвежонок Пятачок ©   (2009-05-06 10:27) [0]

вот фрагмент документа:

<div id="under_line">
 <span id="signs">Подпись</span>
 <span id="signs">Фамилия И.О.</span>
</div>

вот ксс:

#under_line{
margin-left:310px;
font-size:12px;
/*background-color:yellow;*/
}

#signs{
width:200px;
text-align:center;
/*background-color:cyan;*/
}

в ие все как надо. див сдвинут влево, спаны растянуты на 200px, выравнивание текста внутри спанов - по центру

в замечательной программе фф:
див тоже сдвинут влево, спаны не растянуты вообще, и "подпись" с "фио" идет сплошным текстом.

подскажите, кто из нас в танке?


 
brother ©   (2009-05-06 10:30) [1]

ссылку дай, фф туда гляну


 
Palladin ©   (2009-05-06 10:37) [2]

фф и опера (9.63) не растянули... IE6 - растянул


> brother ©
> ссылку дай

скопируй сверху да сделай...


 
Медвежонок Пятачок ©   (2009-05-06 10:38) [3]

http://img25.imageshack.us/img25/4324/38199242.jpg

Ответисполнитель и линии это предыдущий див (див "under_line" в него не вложен)

все что ниже - это тот фрагмент что я привел выше.


 
brother ©   (2009-05-06 10:40) [4]

> скопируй сверху да сделай...

ломает...


 
brother ©   (2009-05-06 10:42) [5]

а если table"ом сделать форматирование?


 
Palladin ©   (2009-05-06 10:44) [6]

тсс... сейчас придут дивофилы-тэйблфобы и запинают ногами )


 
sniknik ©   (2009-05-06 10:53) [7]

а id разве не уникален? это же не name.


 
Palladin ©   (2009-05-06 10:55) [8]


> sniknik ©   (06.05.09 10:53) [7]

нет... не уникален...


 
brother ©   (2009-05-06 10:57) [9]

всеж можно попробовать вместо id, name использовать


 
Palladin ©   (2009-05-06 11:04) [10]


> brother ©   (06.05.09 10:57) [9]

1. а смысл?
2. по хорошему использовать нужно - class, потому что он - class - для этого и создан, хотя id использовать тоже не запрещается (хоть по спецификации он и должен быть уникален, но всем браузерам на это пофих)


 
sniknik ©   (2009-05-06 11:05) [11]

> нет... не уникален...
как тогда работает яваскрипт функция getElementById? почему тут элемент а в getElementsByName элементы? они тогда обе должны списки выдавать.

> всеж можно попробовать вместо id, name использовать
да это может вообще не от этого, но IE имеет обыкновение "скрадывать" ошибки.


 
brother ©   (2009-05-06 11:06) [12]

я за класику - table форматирование ;)


 
Palladin ©   (2009-05-06 11:11) [13]


> sniknik ©   (06.05.09 11:05) [11]
> как тогда работает яваскрипт функция getElementById?

возвращает первый попавшийся.

и, если честно, я ей не пользуюсь. куда продуктивней функция document.all(id), которая вернет массив, в случае существования нескольких элементов.


 
sniknik ©   (2009-05-06 11:18) [14]

> и, если честно, я ей не пользуюсь.
я тоже, но jquery которым я пользуюсь пользуется... так быстрее работает.

и кстати проверил пример в IE7 такое же поведение как и в мазиле...

исправляется через добавление float: left; к signs (и его я на класс переделал, имхо правильнее)


 
Palladin ©   (2009-05-06 11:24) [15]


> sniknik ©   (06.05.09 11:18) [14]
> я тоже, но jquery которым я пользуюсь пользуется... так
> быстрее работает.

ну это да...


 
palva ©   (2009-05-06 11:40) [16]

span надо заменить на div. Ну и float: left; как писал sniknik.

span имеет строчный тип отображения, к нему некорректно применять width и text-align


 
palva ©   (2009-05-06 11:57) [17]

Хотя со span тоже работает. Видимо, указание float: left  меняет display: inline на display: block. Наверно, IE6 делал такую замену и при указании width, но потом они решили соблюдать стандарт и игнорировать указание width.

Лучше все делать по стандарту. Мало ли как будут работать браузеры в будущем.


 
DVM ©   (2009-05-06 12:37) [18]


> Palladin ©   (06.05.09 10:55) [8]


> нет... не уникален...

ID должен быть уникален иначе это невалидный код.


 
palva ©   (2009-05-06 12:48) [19]


> ID должен быть уникален иначе это невалидный код.

чтобы снять этот вопрос, да и меньше писать, можно вообще убрать id из span, а селектор в css написать так:
#under_line span {


 
Piter ©   (2009-05-06 13:12) [20]

ID в документе должен быть уникальным.
name и class могут повторяться.


 
Palladin ©   (2009-05-06 18:58) [21]


> DVM ©   (06.05.09 12:37) [18]

невалидный... кто предупредит? барузер? ему по барабану... среда исполнения? это браузер


 
Piter ©   (2009-05-06 21:08) [22]

Palladin ©   (06.05.09 18:58) [21]
невалидный... кто предупредит?


ты прекрасно знаешь, что два одинаковых ID это не по стандарту. Ладно, это бы решало какие-то проблемы. Но ты легко можешь использовать, допустим, class или name заместо ID и никаких не будет проблем.

Но полное твое право пытаться спорить ради спора.


 
DVM ©   (2009-05-06 22:34) [23]


> Palladin ©   (06.05.09 18:58) [21]


> кто предупредит? барузер? ему по барабану

Ему не по барабану. Он будет путаться и в результате будет неправильное форматирование. Некоторые браузеры кстати в окне отладки предупреждения выдают.


 
antonn ©   (2009-05-06 22:57) [24]

DIV - это блочный элемент, SPAN - строчный.



Страницы: 1 вся ветка

Форум: "Прочее";
Текущий архив: 2009.07.05;
Скачать: [xml.tar.bz2];

Наверх




Память: 0.5 MB
Время: 0.005 c
15-1240993263
Diha
2009-04-29 12:21
2009.07.05
Компонент шрифтов


8-1194953765
Lebedev
2007-11-13 14:36
2009.07.05
Проблема с MediaPlayer.


9-1180445754
MegaVolt
2007-05-29 17:35
2009.07.05
Подскажите направление в котором лучше рыть?


15-1241591266
Медвежонок Пятачок
2009-05-06 10:27
2009.07.05
файерфокс тупит или я


15-1240734338
@!!ex
2009-04-26 12:25
2009.07.05
Ищу работу в Самаре или удаленно





Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Finnish French
Galician Georgian German Greek Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian
Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish Bengali Bosnian
Cebuano Esperanto Gujarati Hausa Hmong Igbo Javanese Kannada Khmer Lao Latin Maori Marathi Mongolian Nepali Punjabi Somali Tamil Telugu Yoruba
Zulu
Английский Французский Немецкий Итальянский Португальский Русский Испанский