Question

How can I obtain this structure with HTML div‘s?

• The first div on the left is called: idphoto
• The upper right div: idupper
• The bottom right div: idbottom

Answer 1

Use CSS for positioning.

HTML structure

<div id="container">
    <div id="contentLeft">
        <div id="idphoto"> ... </div>
    </div>

    <div id="contentRight">
        <div id="idupper"> ... </div>
        <div id="idbottom"> ... </div>
    </div>
</div>

CSS

#container {
    width: 100%;
    height: 100%;
}

#contentLeft {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#contentRight {
    width: 69%;
    display: inline-block;
    vertical-align: top;
}

#contentRight #idbottom {
    /* Add additional height and width or positioning */
}

#contentRight #idbottom {
    /* Add additional height and width or positioning */
}

Sample

http://jsfiddle.net/Hnh8R/