CSS - Flottant d'une iframe
Tous,
Dans une mise en page centrée (960px de largeur; margin: 0 auto;), j'ai deux barres de menu, on nageait vers la gauche & d'autres, à droite, en dessous de deux de qui je veux flotter un iframe.
Malheureusement, il ne semble pas être flottant. L'iframe se déplace vers la gauche, plus l'espace disponible de la fenêtre d'affichage. Malheureusement, je ne peux pas utiliser le positionnement absolu en raison de la mise en page centrée & avoir max. largeur de 960px.
Est-il un moyen de faire cela s'il vous plaît?
MODIFIER:
Suite aux commentaires, pour ce qui Im reconnaissants, voici le code.
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;
}
- Qu'entendez-vous par "float" exactement?
- Êtes-vous à réglage du flotteur sur l'iframe? Qu'en compensation le flotteur? L'affichage de votre code devrait beaucoup aider dans ce cas.
- Une image de ce que vous essayez d'atteindre serait de l'aide.
- Veuillez fournir plus de code, y compris les deux colonnes et d'importants éléments de parent, ou mieux encore, mettre quelque chose sur jsfiddle.net
- Similaire: Comment faire flotter le texte en regard iframe
Vous devez vous connecter pour publier un commentaire.
SALUT à tous,
Son enfin résolu, hourra! J'avais mis de la largeur de min-width sur le conteneur principal qui était la raison de l'iframe s'étendant à l'extrémité. Résolu. Et merci d'aider avec cela. Des acclamations.
Centrée mise en page et positionnement absolu ne s'excluent l'une l'autre, mais je ne pense pas que vous avez besoin de positionnement absolu de toute façon.
Aussi loin que je peux comprendre votre question, la première chose que je ferais, c'est d'ajouter un
clear:both
de l'iframe.Ne l'iframe fixe avec?
Prendre un coup d'oeil à cet exemple, il devrait vous diriger dans la bonne direction: http://jsfiddle.net/WsyCb/
Tout ce que vous devez faire pour la position de l'iframe à l'intérieur de l'centrée sur la mise en page est donné le conteneur en position relative et de déplacer l'iframe gauche par la largeur fixe de la gauche de contenu.
De plus, les flotteurs aller, vous pourriez être en mesure de résoudre ce problème en sélectivement de compensation de la flotte. Je ne suis pas sûr de toute autre raison pourquoi l'iframe ne serait pas rejoindre le flot des autres flottaient éléments. Essayez de faire le conteneur overflow:auto.