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

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

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

#settings{ 
    float:left; 
} 

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

Это дает мне тот же результат, я указать, будет ли размер на #settings DIV или нет. Любые идеи были бы хорошы.

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

источник

2008-09-08 Ryan Lanciaux

@thanksd Я начал [мета-обсуждение ваших шаблонов редактирования] (https://meta.stackoverflow.com/questions/314758/is-serially-editing-posts-to-include-syntax-highlighting-helpful). Пожалуйста, присоединяйтесь к обсуждению. – ryanyuyu 2016-01-14 20:45:24

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

источник

2008-09-08 18:21:39

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

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

источник

2008-09-08 18:00:55

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

Благодаря

источник

2008-09-08 18:03:24

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

Ваш <style> тег в <body>, когда она принадлежит <head>
У вас есть опечатка «realtive» в одном из ваших встроенные стили:
```
<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;"> 
```

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

источник

2008-09-08 18:03:42

ответ

Смежные вопросы