Поплавки не работают в браузерах Safari
У меня есть сайт, который я сделал очень быстро, на котором для отображения различных разделов контента используются числа с плавающей запятой. Плавающий контент и контент с дополнительным полем отлично отображаются в FF / IE, но в Safari один из 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
Вы пробовали переместить div #right_content вправо?
#right_content{
float: right;
margin-top: 20px;
width: 400px;
}
Извините, я тоже должен был упомянуть об этом. Я попытался переместить этот контент вправо и дополнительно попытался переместить его влево и установить позицию, думая, что оба div будут начинаться слева: 0, где установка поля справа переместит его.
Спасибо
Заранее следует исправить несколько вещей:
- Ваш тег
<style>находится в<body>, когда он принадлежит<head> У вас есть опечатка "realtive" в одном из ваших встроенных стилей:
<a href = "http://feeds.feedburner.com/ryanlanciaux" style = "position:realtive; top:-6px;">
Попробуйте вывести свою страницу на подтверждать; это должно значительно упростить отладку реальных проблем.
Я считаю, что ошибка заключается в пометке, которую генерирует палитра цветов. Я сохранил страницу и удалил этот код для палитры цветов, и он отлично отображается в IE / FF / SF.
@thanksd Я запустил мета-обсуждение ваших шаблонов редактирования. Присоединяйтесь к обсуждению.