CODEWITHSUNDEEP
htmlcsswidthfixedfluid
mat
mat

Reputation: 1629

CSS fixed left, fluid right, centered within fixed width

I created an image of what i would like to create using CSS. I also made a small setup in JSFiddle.

The problem is that i can create everyting, except for the fluid column on the right. I am using it to show images in a slideshow, and i would like them to appear from the right of the screen and dissapear on the left "behind" content 1.

I tried absolute, relative and fixed positioning. But the result is either losing the centered left positioning of content 1 or not having a fluid column up to the right of column 2.

enter image description here

Upvotes: 3

Views: 1303

Answers (2)

Andrew Morris
Andrew Morris

Reputation: 1652

Is this code what you were looking for?

I added a fixed position and min width to the right div which seems to have achieved the effect you were looking for.

Upvotes: 1

Paul Bremer
Paul Bremer

Reputation: 73

You need to use width:100% to fill the whole screen, http://jsfiddle.net/a9Yda/2/

Upvotes: 2

Related Questions