HTML and CSS

Please help with Browser Compatibility Gallery Script!!!!!PLEASE

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2007

Posts: 33

Reputation: realnsleo is an unknown quantity at this point

Solved Threads: 0

realnsleo

Offline

Light Poster

Please help with Browser Compatibility Gallery Script!!!!!PLEASE

Jul 3rd, 2009

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:

Help with Code Tags

(Toggle Plain Text)

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

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:

Help with Code Tags

(Toggle Plain Text)

// 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>".
                                                // This is what i was trying to add //
						"<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!!!!

baba

•

Join Date: Jul 2009

Posts: 12

Reputation: Magicianer is an unknown quantity at this point

Solved Threads: 0

Magicianer Magicianer is offline

Offline

Newbie Poster

Re: Please help with Browser Compatibility Gallery Script!!!!!PLEASE

Jul 3rd, 2009

Try using floats to position your divs.

•

Join Date: Jul 2008

Posts: 101

Reputation: ingeva is an unknown quantity at this point

Solved Threads: 8

ingeva

Offline

Junior Poster

Re: Please help with Browser Compatibility Gallery Script!!!!!PLEASE

Jul 4th, 2009

•

Originally Posted by realnsleo

"<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.

Last edited by ingeva; Jul 4th, 2009 at 6:57 am.

Yes, I'm running Ubuntu. Of course.