I'm trying to create a photography portfolio, however it's not coming out the way I want it to in Firefox. I was wondering if anyone could take a look at my code and see if they can see what the problem is. It comes out how I would like it to in IE, but in Firefox it does not. I realize that Firefox is the "right" browser and that's why I want to fix this problem. After I get this corrected, I'll add more .pobjects to have more photos and to have my container reach the bottom of the window; so don't worry about the container not reaching all the way down to the bottom of the screen.If you want to see the problem, go to My Photography WebpageCSS Code:
.pobject { width: 98%; padding: 3px; border: 1px solid #001100; text-align: left; margin-top: 15px;}.pobject p { padding-top: 5px; }.pobject p img { float: left; margin-right: 10px;}table img { margin-top: 10px;}.pobject a img{ border: 1px solid #001100;}
HTML Code:
<div id="preamble"> <br/><h2>Click On A Thumbnail To See The Whole Photo</h2> <div class="pobject"> <h2>Squirrels</h2> <p><a href="stubby01.html"><img src="images/stubby_01_thumb.jpg" alt="Stubby the Squirrel" title="Stubby the Squirrel"/></a><a href="stubby02.html"><img src="images/stubby_02_thumb.jpg" alt="Stubby the Squirrel" title="Stubby the Squirrel"/></a><a href="squirrel01.html"><img src="images/squirrel_01_thumb.jpg" alt="Squirrel on a Tree" title="Squirrel on a Tree"/></a><a href="squirrel02.html"><img src="images/squirrel_02_thumb.jpg" alt="Squirrel Eating Some Food" title="Squirrel Eating Some Food"/></a></p> <p><a href="squirrel04.html"><img src="images/squirrel_04_thumb.jpg" alt="Squirrel Getting Some Food" title="Squirrel Getting Some Food"/></a><a href="squirrel03.html"><img src="images/squirrel_03_thumb.jpg" alt="Squirrel Hiding" title="Squirrel Hiding"/></a><a href="albino01.html"><img src="images/albino_01_thumb.jpg" alt="Albino Squirrel" title="Albino Squirrel"/></a><a href="albino02.html"><img src="images/albino_02_thumb.jpg" alt="Albino Squirrel" title="Albino Squirrel"/></a></p> </div> <p/> </div>
I'm not sure if that's all the code you need to see the problem or not. If you would like me to put all of the page's code in here, let me know and I'll add it. Thanks for your help.Mike