Question

I have a webpage containing a centered container with content and I want to display a logo next to it.

The layout is as following: div – container. Where the container is centered and the div lef of the container needs to fill out the width left on the screen.

html, body {
 height: 100%;
 width: 100%;
}
#container {
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 min-height: 100%;
}

<div id="container">

</div>
<div id="lef">
</div>

A jsfiddle with this code is available on http://jsfiddle.net/7QJQn/

Answer 1

This is the option that comes closed

http://jsfiddle.net/7QJQn/4/

I think that the best solution for doing something like this is just using javascript / jQuery.