CSS - плавающий фрейм - PullRequest
       8

CSS - плавающий фрейм

2 голосов
/ 02 февраля 2011

Все,

В центрированном макете (ширина 960 пикселей; поле: 0 авто;) у меня есть две строки меню, одна с плавающей точкой слева и другая справа под обеими я хочуплавающий фрейм.

К сожалению, он не выглядит плавающим.Элемент iframe перемещается в самое левое доступное пространство области просмотра.К сожалению, я не могу использовать абсолютное позиционирование из-за расположения макета по центру и наличия макс.ширина 960px.

Есть ли способ сделать это, пожалуйста?

EDIT : В дополнение к комментариям, за которые я благодарен, вот код.1011 *

HTML:

    <iframe id="iframing" src="mannequin.html" width="640" height="500" frameborder="0" ></iframe><br />

CSS:

#container {
    min-width: 960px;
    height: 100%;
    background: rgba(255,255,255,0.8);
    margin: 0 auto;
    position: relative;
} /* The is the main container on body */

#iframing {
    float: left;
    width: 640px;
    height: 500px;
    margin: 10px auto 10px;
    clear: both;
}

Ответы [ 3 ]

2 голосов
/ 02 февраля 2011

Привет всем,

Это наконец решено, ура!Я установил ширину на минимальную ширину в главном контейнере, которая была причиной того, что iframe расширился до дальнего конца.Решено.И спасибо за помощь с этим.Приветствия.

1 голос
/ 02 февраля 2011

Посмотрите на этот пример, он должен направить вас в правильном направлении: http://jsfiddle.net/WsyCb/

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

Кроме того, по мере продвижения поплавков вы можете исправить это путем выборочной очистки поплавков.Я не уверен ни в какой другой причине, почему iframe не присоединился бы к потоку других перемещаемых элементов.Попробуйте сделать переполнение контейнера: auto.

1 голос
/ 02 февраля 2011

Центрированное расположение и абсолютное позиционирование не исключают друг друга, но я не думаю, что вам все равно нужно абсолютное позиционирование.

Насколько я понимаю ваш вопрос, первое, что я хотел бы сделать, это добавить clear:both в iframe.

Имеет ли iframe фиксированное значение с?

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