Site looks fine in IE but does not in Firefox

[seanchem]

My site looks fine in IE but some of the text is moved around and the image isn't centered in Firefox as it is in IE.

I have the previous/next buttons, the image, and the comments link in a 1C, 3R table and copyright info under it (well, it is suppose to be), but in Firefox the copyright info shows up in front of the photo and the image is offset.

I don't have any clue what is wrong and I don't know that much code - so I don't know if it is something with the code. I have only edited the image, browse, comment, and the about template.

http://forensicrodeo.com

[Ubbe]

I've also really had a lot of trouble with firefox, and i guess its partially because IE and FF read CSS in different ways, so i am more or less at the point where i just say **** those that use FF its anyway a very small percentage, and why should we optimise our sites for FF, when there also are so many sites that are "too cool for IE".

But - PixelPost runs at standard fine in both browsers, so if you keep more or less the to original code and structure, there should be no problems.

[Joe[y]]

ubbe 45% of internet users use firefox! that's a generally accepted fact. check the figures! anyway, i'll look into your problems when i get home.

[Ubbe]

45% !?

is that really true?! i was convinced we where closer to like 10% or so..

maybe i should take a look at my archives page again lol..

[Ubbe]

Hmm i googled it quickly and the results / articles i found indicate nothing close to what you say joe[y]

On this page (the first that came up in google, just to take one) although the last measurement in there stats is from mid 2005, it says 7% firefox users.

http://www.websidestory.com/products/web-analytics/datainsights/spotlight/05-10-2005.html

and other i found more recent indicate it is more like 10% and nothing like your proclaimed 45%

[Edit] Just thought i would post this link aswell, as it is probably one of the most reliable, and recent, things do look a little better for firefox here, but you still can't convince me that 45% use firefox.

http://www.w3schools.com/browsers/browsers_stats.asp

[Paul Wood]

I use Mint for my stats, and 29.9% use Firefox. On my theatre website, it runs at 57.3%.

[Ubbe]

Ohh well i guess it will never really be settled just like "canon vs nikon" where i btw support nikon! ;) lol

and paul i was just thinking, when you post your latest image in your sig don't you just link back to your page, doesn't that take a lot of bandwidth or something if you post alot?

[Joe[y]]

sorry i got my figures matched up. i'm SURE you'll find in plenty of design forums and magazines that now it's in fact considered as 25% of users with firefox. 45% is the visitors to my photoblog.. and let's be honest - it's going to be at least 25% in the photoblog community - i'll check with will but i'm sure there are a high proportion of firefox users visiting pixelpost.org.

example: you're not going to be receiving any comments from me at http://www.ubbedall.dk/ppost/index.php because why should i open internet explorer just for your site.

anyway, it doesn't matter how many are using a certain browser if you have any consideration for your visitors - your designs should be render correctly in every browser. however tempted i am to ignore internet explorer which seems to write it's own web standards these days i still always check my designs in it straight away.

i'm home now. will look at your source code.

[Joe[y]]

@ seanchem - i haven't check your source code but i'm pretty sure you simply need to do the following in image_template.html:


<div id="image-navigate">


<table border = "0">


<tr>
<td>
<span class="image-previous"><a href='./index.php?showimage=6'>Previous</a></span>
<span class="image-next"></span>

</td>
</tr>
<tr>
<td>
<a href="index.php?showimage=6">
<img src="images/20060503212202_dscn0345.jpg" alt="no climbing for me" title="no climbing for me" width="750" height="500" id="photo" align="right"/>
</a>
</td>
</tr>

<tr>
<td>
<span class="addcomment"> <a href='#' onclick="window.open('index.php?popup=comment&amp;showimage=7', 'Comments','width=480,height=540,scrollbars=yes,re sizable=yes');">Comments</a>(1)</span>
</td>
</tr>

</table>
</div>


change to:


<table border = "0">
<tr>
<td>
<span class="image-previous"><a href='./index.php?showimage=6'>Previous</a></span>
<span class="image-next"></span>
</td>
</tr>
<tr>
<td>
<a href="index.php?showimage=6">
<img src="images/20060503212202_dscn0345.jpg" alt="no climbing for me" title="no climbing for me" width="750" height="500" id="photo" align="right"/>
</a>
</td>
</tr>

<tr>
<td>
<span class="addcomment"> <a href='#' onclick="window.open('index.php?popup=comment&amp;showimage=7', 'Comments','width=480,height=540,scrollbars=yes,re sizable=yes');">Comments</a>(1)</span>
</td>
</tr>

</table>



bascically remove the <div> - it uses a float function which needs to be cleared for the footer. i haven't checked your css but do this first.. see if it helps. the reason this works in IE is that IE pays no attention to web standards facing 'float' in css.

[seanchem]

removing the <div> did work, then all I had to do is center the table. Thanks.

Do you think there will be later problems with anything because I removed the <div id="image-navigate"></div>

[Joe[y]]

removing the <div> did work, then all I had to do is center the table. Thanks.

Do you think there will be later problems with anything because I removed the <div id="image-navigate"></div>

no. not at all.

[Paul Wood]

and paul i was just thinking, when you post your latest image in your sig don't you just link back to your page, doesn't that take a lot of bandwidth or something if you post alot?

Not really. The image is tiny, and doesn't take much bandwidth. If I ever start getting close to my limit (ha! doubtful, at best), I may decide to stop doing that.

I only have it as my sig on this and my theatre forum.

[Ubbe]

ohh well joe[y] you got me, and i was like kinda bored, and... okay drop the escuses.. well i fixed my site for firefox, and i'm actually quite satisfied, so thanks i guess ;)

[Joe[y]]

ohh well joe[y] you got me, and i was like kinda bored, and... okay drop the escuses.. well i fixed my site for firefox, and i'm actually quite satisfied, so thanks i guess ;)

wahey. glad to hear it. :P