SCSnare

Thank you very much!Mike

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

Ah, ok. Sorry about that.

Ok, I think I've answered my own question. All I had to do was resize my images so it'd fit inside the container. Apparently in IE it was resizing the container just by a couple of pixels. Welp, thanks for your help anyways guys! haha

I'm sorry if I posted this in the wrong forum. I wasn't sure if this should go in the HTML or CSS forum. If it needs to go in the CSS forum, I'm sorry.

I'm having a big problem with a page on my website when I try to view it in Firefox. I know the web standard to go by is Firefox, but I don't understand how to fix the problem I'm having. It looks fine and how I want it to look in IE, but it goes all out of wack in Firefox.HTML Code: <div class="pobject"> <h2>Photography</h2> <p><img src="images/bear01.gif" alt="Bear Photo" title="Bear Photo"/><img src="images/bear02.gif" alt="Bear Photo" title="Bear Photo"/></p> <p><a href="../rtf318/project1">My First <acronym title="Radio-Television-Film">RTF</acronym> Project</a></p> <p><img src="images/girl01.gif" alt="Girl Photo" title="Girl Photo"/><img src="images/girl02.gif" alt="Girl Photo" title="Girl Photo"/></p> <p><a href="../rtf318/project2">My Second <acronym title="Radio-Television-Film">RTF</acronym> Project</a></p> </div> <div class="pobject"> <h2>Video</h2> <p><img src="images/legacy01.gif" alt="Legacy" title="Legacy"/><img src="images/legacy02.gif" alt="Legacy" title="Legacy"/></p> <p><a href="../rtf318/project3">Legacy</a></p> <p><img src="images/surprise01.gif" alt="The Surprise" title="The Surprise"/><img src="images/surprise02.gif" alt="The Surprise" title="The Surprise"/></p> <p><a href="../rtf318/project4">The Surprise</a></p> </div> <div class="pobject"> <h2>Web Design</h2> <p><img src="images/ia_small.gif" alt="Web Design Example" title="Web Design Example"/><img src="images/xbd_small.gif" alt="Web Design Example" title="Web Design Example"/></p> <p><a href="webdesign.html">Continue to my Web Design Portfolio</a></p> </div> Here's the related CSS: .pobject { width: 98%; padding: 3px; border: 1px solid #001100; text-align: left; margin-top: 15px;}.pobject p img { float: left; margin-right: 10px;}.pobject a img{ border: 1px solid #001100;} You can view the site at http://webspace.utexas.edu/jmr97/portfolioJust take a look at it in IE, and then Firefox. I think you'll see how different they appear. I'd greatly appreciate any help I can get. If you need more code, just let me know. I think what I've pasted here covers what is needed though.Mike