The_Todd Posted April 26, 2007 Share Posted April 26, 2007 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Hello!</title> <style type="text/css"> <!-- #thumb_table_wrapper { border:1px solid black; height:auto; padding:5px; width:60%; text-align:center; } #image { border:1px dashed Gray; float:left; margin:4px; padding-top:6px; position:relative; height:150px; width:150px; } --> </style> </head> <body> <div id="thumb_table_wrapper"> <div id="image"> <img src="../user_files/1/thumb_1.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_2.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_3.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_4.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_1.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_2.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_3.jpg" /> <br /> Image </div> <div id="image"> <img src="../user_files/1/thumb_4.jpg" /> <br /> Image </div> </div> </body> </html> This is the reverse of my usual problem, but this looks exacly like I want in IE 6, but the wrapper outline if Firefox doesn't wrap around all the div's, it only shows the wrapper about 10px tall but everything else works as intended. This has been killing me for HOURS! Thanks for your help! -Todd Quote Link to comment https://forums.phpfreaks.com/topic/48733-simple-image-layout-looks-great-in-ie-but-messed-up-in-ff/ Share on other sites More sharing options...
calabiyau Posted April 27, 2007 Share Posted April 27, 2007 You could try placing <div style="clear:left;"></div> after all your image divs are finished, but within your container div. Firefox does not expand containers to contain floats unless you include an empty div that clears the floats...if I remember correctly. Quote Link to comment https://forums.phpfreaks.com/topic/48733-simple-image-layout-looks-great-in-ie-but-messed-up-in-ff/#findComment-239659 Share on other sites More sharing options...
mainewoods Posted May 2, 2007 Share Posted May 2, 2007 instead of using float:left in #image, use text-align:left instead. Quote Link to comment https://forums.phpfreaks.com/topic/48733-simple-image-layout-looks-great-in-ie-but-messed-up-in-ff/#findComment-243126 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.