[Résolu] Accoler une iframe et un div

[Sephi-Chan]

Si tu souhaite utiliser les position absolues, voilà une piste :

Code :

<div class="bloc">
    <div class="iframe">
        <div>
            Lipsum dolor sit amet.
        </div>
    </div>
    <div class="div">
        <div>
            Lipsum dolor sit amet.
        </div>
    </div>
</div>

<div class="bloc">
    <div class="iframe">
        <div>
            Lipsum dolor sit amet.
        </div>
    </div>
    <div class="div">
        <div>
            Lipsum dolor sit amet.
        </div>
    </div>
</div>

Le CSS :

Code :

div.bloc {
    clear: both;
    border: 1px solid #000;
    position: relative;
    margin-bottom: 10px;
    width: 500px;
}

    div.bloc div.iframe {
        background: red;
        width: 70%;
    }
    
    div.bloc div.div {
        position: absolute;
        top: 0;
        margin-left: 70%;
        background: blue;
        width: 30%;
    }

Mais il y a bien d'autre méthode, plus efficaces, si tu ne souhaite pas forcément utiliser de positionnement absolue.


Sephi-Chan