different heights

[etsted]

here i have a script that i run several times with a while loop bu every time the loop runs the next div has a higher margin-top than the next div

$videos .= "<div class='files' style='float:left; background:#eaeaea; width:150px; color: black;' id='file_".$id."'>n                     <a href='watch.php?f=".$file_url[0]."'><img src='$avatar' height='60' width='60' alt='$titel'> Click here</a>                                 <br>                                 <span style='float:left; text-overflow:ellipsis;'>Titel: $titel</span>n                                 <br>                                 <span>Uploaded by: <a href='user.php?u=$username'>$username</a></span>                                 <br>                                 <br>                               </div>n <br> <br>n";

[thescientist]

There could be a lot of reasons for that, but one thing to note is that divs are block level elements, so they'll stack vertically by default.

[etsted]

here is a link to my webpage widegrass.com

[JamesB]

Seems to work if you remove the 2<br> elements after the </div>.

[dsonesuk]

Because from every top right edge of class 'files' container the <br><br> takes effect, pushing it down by 2 x the height of current font.