<p>I've been trying to come up with a way to create a 3 column web design where the center column has a constant width and is always centered.  The columns to the left and right are variable.  This is trivial in tables, but not correct semantically.  </p>

<p>I haven't been able to get this working properly in all current browsers.  Any tips on this?</p>

[{'answer_id': 73094, 'author': 'Jim', 'author_id': 8427, 'author_profile': 'https://Stackoverflow.com/users/8427', 'pm_score': 3, 'selected': True, 'text': '<p>Use <a href="http://matthewjamestaylor.com/blog/perfect-3-column.htm" rel="nofollow noreferrer">this technique</a>, and simply specify a fixed width for the centre column.</p>\n'}, {'answer_id': 73140, 'author': 'Adam Hopkinson', 'author_id': 12280, 'author_profile': 'https://Stackoverflow.com/users/12280', 'pm_score': 0, 'selected': False, 'text': "<p>I think you'd need to start off with initial (fixed) widths for both sidebar columns and then, when the page loads, use javascript to get the window width and calculate the new width of the sidebars.</p>\n\n<p>sidebar width = (window width - center column width) / 2</p>\n\n<p>You could then reapply the javascript if the window is resized.</p>\n"}, {'answer_id': 73145, 'author': 'David Cumps', 'author_id': 4329, 'author_profile': 'https://Stackoverflow.com/users/4329', 'pm_score': 1, 'selected': False, 'text': '<p>Check this out: <a href="http://www.glish.com/css/2.asp" rel="nofollow noreferrer">http://www.glish.com/css/2.asp</a></p>\n<p>And replace the width: xx% for #maincenter by a fixed value. Seems to work when I change it with Firebug, worth a shot?</p>\n<pre class="lang-css prettyprint-override"><code>#maincenter {\n  width: 200px;\n  float: left;\n  background: #fff;\n  padding-bottom: 10px;\n}\n</code></pre>\n'}, {'answer_id': 73905, 'author': 'Dave Rutledge', 'author_id': 2486915, 'author_profile': 'https://Stackoverflow.com/users/2486915', 'pm_score': 0, 'selected': False, 'text': '<p><a href="http://alistapart.com/articles/holygrail" rel="nofollow noreferrer">This article at A List Apart</a> has a solution resulting in a 3-column layout that will :</p>\n\n<ul>\n<li><p>have a fluid center with fixed width sidebars,</p></li>\n<li><p>allow the center column to appear first in the source,</p></li>\n<li><p>allow any column to be the tallest,</p></li>\n<li><p>require only a single extra div of markup, and</p></li>\n<li><p>require very simple CSS, with minimal patches.</p></li>\n</ul>\n'}]
['https://Stackoverflow.com/questions/73086', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/12529/']