Hi everyone, i will try to explain this the best way i can. I am building a shopping website and i need to display new items and pictures on the home page in some kind of gallery that scrolls left to right on mouse over.
The gallery fetches images from a database using PHP and loops them out into a straight line. However i wanted to include the product details right below the image. The order is like this:

<div [I]// wrapper div[/I]>
 <div>
   [I]// product image goes here[/I]
 </div>
 <div>
  [I]// product details go here[/I]
 </div>
</div [I]// end of wrapper div[/I]>

i achieved this very well in firefox browsers and IE7 and above but IE6 is giving me a headache!!! can anyone please tell me what is wrong? The real script is here this:

// after using mysqli_query to $getImages //
while($row = $getImages->fetch_assoc()) {
				echo "<div style='display:inline-block;height:130px;position:relative;'>".
						"<div style=' height:150px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;'>".
							"<a href='#'>";
				
				echo "<img src='http://mysite.com/IMAGES/products/large/".$row["image"]."' id='img_product_".$i."' border='0' >".
				
							"</a>".
						"</div>".
                                                [I][B]// This is what i was trying to add //[/B][/I]
						"<div style='display:absolute; bottom:0px; height:50px; border-right:1px solid #CCCCCC; background:#F4F4F4;'>".
							"<p style='font-size:10px; margin-left:23px;'>".$row["product_name"]."<br> <strong>$".$row["product_price"]."</strong><br>in ".$row["product_category"]."</p>".
						"</div>".
					"</div>";
				$i++;
			}

Firefox displays the images just fine (horizontally) but IE6 displays them vertically. Please help!!!!!! THANK YOU!!!!

Try using floats to position your divs.

Member Avatar

ingeva

"<div style='display:absolute; bottom:0px; height:50px; border-right:1px solid #CCCCCC; background:#F4F4F4;'>".

Firefox displays the images just fine (horizontally) but IE6 displays them vertically. Please help!!!!!! THANK YOU!!!!

Display has no "absolute" property.

Position:absolute might do some trick, but in my experience absolute positioning can create more problems than it solves.