Всплывающие окна, сбивающие с толку браузеры Safari

StackOverflow https://stackoverflow.com/questions/50280

  •  09-06-2019
  •  | 
  •  

Вопрос

У меня есть сайт, который я сделал очень быстро, который использует символы с плавающей точкой для отображения различных разделов контента.Перемещаемый контент и контент с дополнительным полем отображаются нормально в FF / IE, но в safari один из divs полностью скрыт.Я пробовал переключаться на padding и position:relative, но у меня ничего не получалось.Если я выну код, чтобы отобразить его справа, он появится снова, но под плавающим содержимым.

Основным разделом css, который, по-видимому, вызывает проблему, является:

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

Это дает мне тот же результат, независимо от того, указываю ли я размер в div #settings или нет.Любые идеи будут оценены по достоинству.

Сайт доступен по адресу: http://frickinsweet.com/tools/Theme.mvc.aspx чтобы посмотреть исходный код.

Это было полезно?

Решение

Я полагаю, что ошибка кроется в разметке, которую генерирует программа выбора цвета.Я сохранил страницу и удалил этот код для средства выбора цвета, и он отлично отображается в IE / FF / SF.

Другие советы

Вы пробовали перемещать div #right_content вправо?

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}

Извините, я должен был упомянуть и об этом.Я попробовал переместить это содержимое вправо и дополнительно попробовал переместить его влево и установить позицию, думая, что оба divs будут начинаться слева: 0, где установка поля справа переместит его.

Спасибо

Несколько вещей, которые вам следует исправить заранее:

  1. Ваш <style> тег находится в <body>, когда это относится к <head>

  2. У вас опечатка "realtive" в одном из ваших встроенных стилей:

    <a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

Попробуйте сделать так, чтобы ваша страница была подтвердить;это должно значительно упростить отладку реальных проблем.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top