Css позиционирование

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем ioni, 31 май 2007.

  1. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Народ,
    теперь мне нужна помощь!

    Никак не могу понять, почему у меня в Firefox
    Код (Text):
    <div style="float:right; display:inline;">Some text</div>
    ведет себя, как будто он <div style="float:right; display:table ;">Some text</div>
    Другими словами, кусок текста, который должен был прижат к правому краю в результате прижимается (что правда, то правда), но перносит все остальное ниже себя.

    Есть идеи?
    Мне нужно, чтобы sometext был "обтекаемым" и находился справа - то есть именно, что предполагает CSS. В IE все работает чудесно, но в Firefox 2.0.3 - блок получается необтекаемым...

    Может быть, поменять Doctype? Сейчас у меня стоит
    Код (Text):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
  2. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Что, совсем никак?
     
  3. Wings

    Wings Гость

    ну с цсс в файрвоксе вообще частенько всречаються разногласия, отображаются по разному.
    Ну вобщем я не понял в чем у тебя проблема
    у меня этот кусок кода отображается везде одинаково, вожможно кинь больший кусок кода
    а лучше бей страничку таблицами
     
  4. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Ну как же, все так его любят...
    Как я только под IE все далю, так мне, в общем и целом, все равно, но чего только не сделаешь для пользователей...

    http://sunshine.by/?category_name=books
    Вот - и ты сразу увидишь, в чем проблема...


    Кроме того, таблицы - это точно не для меня, я свою стадию "таблицевания" уже давно прошел :(
     
  5. Wings

    Wings Гость

    "версия для печати
    отослать другу
    добавить в Закладки " в 5 експлорере очень большим шрифтом и не влазит в выделеное для этого место.
    Файрфокс и опера - нормально.
    проблему вижу, помочь не могу, думаю ты уже варианты перебрал
     
  6. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Ох, я для 5го IE даже не стал проверять...
    И, кстати, у меня в ФФ уходит вниз сам список статей из-за гугловской рекламы...
    Странное дело, что у тебя не так...
     
  7. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Наконец-то у меня было время...
    Итак, проблема возникает, только если внутри ДИВа лежит ява скрипт гугловский...
    То есть, если его нет - то все размещается правильно.

    Естьу кого ответ, как подоборь эту хрень?

    Пример страницы: http://sunshine.by/?category_name=books
    Напоминаю, в IE работает хорошо, в FF - блок рекламы "выезжает" наверх и текстом не обтекается...
     
  8. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Хорошо.
    Теперь у меня стоит XHTML Strict
    Див без рекламы позиционируется офигенно - именно так как надо все всех бройзерах
    Стоит бодавить Google Adsense - и все, позиционирует по-своему...

    Я даже второй див пробовал поставить снаружи, чтобы обтекало уже его - и все равно FF поступает, как хочет
     
  9. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    При этом IE6 работает просто отлично....
     
  10. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    У меня также чувство, что никто не знает, в чем дело...
     
  11. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    С первой частью разобрались.
    Еффект шел от объявления dislay:table во внейшнем контейнере div.
    Теперь вместо этого я объявляю просто ширину от левого края и получаю такой же результат

    Теперь следующий вопрос:
    Почему первый пост обтекается, а остальные - переносятся вниз, но при этом "как бы" частично обтекаются? Это на самом деле надо видеть - обяснения вразумительного происходящему у меня нету...

    Еще раз: проблема наблюдается только в FF 2
     
  12. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Короче, достаточно было прогнать через валидатор и все сразу стало понятно.
    Теперь сайт оборажается одинаково в FF/ Opega 9 / IE 6 /IE 7

    А таргет аудитория не будет пользовать ничего другого...
    Если в логах увижу - тогда и буду присматривать
     
  13. Andrew Stephanoff

    Andrew Stephanoff Гость

    Извини, давно не заходил, так бы помог.
    Так делать не рекомендуется:
    Код (Text):
    <div style="float:right; display:inline;">Some text</div>
    По сути, это тоже самое, что
    Код (Text):
    <span style="float:right;">Some text</span>
    Для просмотра стилей (и наследуемых в том числе) удобно использовать плагин для FF FireBug
     
  14. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Без комментариев...
    01-06-2007 -> 25-07-2007
     
  15. iRabbit

    iRabbit Гость

    В соответствии со спецификацией CSS float-элементы -- это блочные элементы. То есть если задать тэгу css-свойство float: left, то он автоматически становится display: block. То, что IE всё перемешивает -- не новость, у него плохо со спецификацией. Советую придерживаться следующего хода работы: сначала тестируешь вёрстку в современных браузерах, а потом по убывающей в остальных (IE7, IE6, ...). Когда будешь находить разногласия в IE, то задавай им CSS правила отдельно от всего мира, чтобы они "приходили в себя", не имея возможности работать правильно со всеми.
     
Загрузка...
Похожие Темы - Css позиционирование
  1. susinmn
    Ответов:
    6
    Просмотров:
    713
  2. lmike
    Ответов:
    10
    Просмотров:
    1.050
  3. Snusmumrik
    Ответов:
    0
    Просмотров:
    656
  4. RzvCH
    Ответов:
    0
    Просмотров:
    462
  5. AlexBeginner
    Ответов:
    1
    Просмотров:
    914

Поделиться этой страницей