ansaurus

Question

How to create column width in CSS that expands with large images yet stays a default size for normally sized content?

Answer 1

+3 A:

try using min-width: 600px instead of width, though it won't work in old versions of internet explorer.

Chibu 2010-03-26 19:41:01

This does not work. Thanks though! I have a bunch of div elements all with the class=post. And I want only the post with giant images to be larger than 600px. The rest of the posts should be 600px.

ChrisJF 2010-06-28 19:27:27

Answer 2

A:

You can use display:table on divs that contain your posts. You can see the effect with this example markup:

<html>
  <head>
    <style>
      .post{
        margin:0 auto;
        border:1px solid red;
        display:table;
      }
    </style>
  </head>
    <body style="width:100%;border:1px solid blue;">
      <div class="post" style="width:600px;">
        asd
      </div>
    <div class="post" style="width:900px;">
      asd
    </div>
    </body>
</html>

Of course this will not work IE under version 8.

hamdiakoguz 2010-03-26 22:06:39

ansaurus

tags:

views:

answers:

How to create column width in CSS that expands with large images yet stays a default size for normally sized content?

related questions