Automatic <div> height in PHP while loop

PassivePete · 09-22-2011, 10:26 PM

Hi,

I'm querying through a database and creating a div for every result using a while loop:

PHP Code:


			
while($row = mysql_fetch_array($result))
  {
  echo "<div id='search_results'><h3>" . xml_encode($row['comment']) . "</h3>";</div>
  }

My problem is that I want my div height to vary depending on the size of the comment. I tried adding a style='height:auto' to both the div itself and also in the CSS but it won't make the div height change for larger comments.

Does anyone know how to get auto div heights in php while loops?

Cheers,

Pierre

mlseim · 09-22-2011, 11:28 PM

What happens if you only specify the width?
Do not even put-in the height property.

.

oracleguy · 09-22-2011, 11:33 PM

Also keep in mind that for correct HTML IDs need to be unique there can only be one element on the page with a given ID. Otherwise you should be using the class attribute instead.

jimhill · 09-23-2011, 12:10 AM

Just use a class and set overflow to inherit

PHP Code:


			
<head>
<style type="text/css">
    .search_results {
    height:100px;
    width:200px;
    overflow:inherit;
    }
</style>
</head>
<body>
<?php

while($row = mysql_fetch_array($result))
  {
  echo "<div id='search_results' class='search_results'><h3>" . xml_encode($row['comment']) . "</h3>";</div>
  }