How to make 3-Column layout with fluid center (fully utilize space), and variable-length on sidebars


Tags: css

Problem :

How to make 3-Column layout with fluid center (fully utilize space), and variable-length on sidebars?

The width of sidebars are depends on the length of sentence, so there is no fixed width.

The center column will occupy the rest of free space.

It can be done easily by using "table" tag. I am not sure how to do it in css.

Thanks.



Solution :

Does this help?: http://jsfiddle.net/eNDPG/1/


    CSS Howto..

    why will my border not show?

    JQuery JQGrid - how to CSS right/left align without touching the grid lines?

    How do you avoid class name collisions? [closed]

    How to make image clickable if -1 z-index is given to create box-shadow?

    gwt how to use setStyleName(String style, boolean add) - for a gwt standard widget

    How to get a 2px wide border regardless of browser zoom with CSS

    How to get the “absolute” position of an html element

    How to apply default CSS styling to all HTML pages

    How can I remove this white space from a table?

    How to size relative div which haven't a content?

    How can I make a drop down menu without changing the width of the main menu item?

    How to apply CSS style for the current page link

    How to fade background images (from CSS) in and out with jquery

    Showing refresh button when animation is complete?

    How To Make iPhone6 Plus Landscape Mode Work Better with Bootstrap3?

    How to use absolute element when its closet ancestor is a float element?

    How to set all CSS values to their default? [duplicate]

    how to set background image in css at MVC4

    How can I solve this :before or :after issue in IE7?

    What's the best way to show (un/ordered) HTML lists as a top-down tree?

    Thymeleaf: how to use conditionals to add/remove dynamically a CSS class

    How to bump up text?

    How to set columns 100% height within body using css

    How to call in Javascript a requestAnimationFrame loop?

    How to make a space between tags (icons) in table?

    CSS hover - How do I get it to change two nested divs

    How do you Add an image to the left side of a div

    How to fit textarea exactly inside a div - CSS

    Blogger Template: how to change the color of the border css

    How to horizontally scroll an inner div with text wrapping