Поплавки портятся в браузерах Safari - PullRequest
Новая
       32

Поплавки портятся в браузерах Safari

2 голосов
/ 08 сентября 2008

У меня есть сайт, который я сделал очень быстро, который использует плавающие элементы для отображения различных разделов контента. Плавающий контент и контент с дополнительным полем хорошо отображаются в FF / IE, но в сафари один из элементов div полностью скрыт. Я пытался переключиться на 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 для просмотра исходного кода.

Ответы [ 4 ]

1 голос
/ 08 сентября 2008

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

1 голос
/ 08 сентября 2008

Пытались ли вы плавать div #right_content вправо? 

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}
0 голосов
/ 08 сентября 2008

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

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

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

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

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

0 голосов
/ 08 сентября 2008

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

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...