473,326 Members | 2,090 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Weird formatting problems appearing only in Linux version of FireFox

I've a site: http://gto.ie-studios.net/products.php that looks
perfectly fine in Windows whether with IE or Firefox 1.0.
But when viewed in the Linux version of Firefox 1.0, images get
misaligned and breaks between then appear.
Why the two different behaviors on the same browser but different OS's?

Anyway, that page as an example DOES W3C HTML validate AND W3C CSS
validate as well.
So, there's no ERRORS per se, but I suppose there's still something I'm
technically doing wrong.

Could someone give me a clue what I need to remove/add/change to
prevent this problem? For all I know it's happening on Mac's as well,
but I don't have one to try it on.

Thanks for any help!
Liam

Jul 21 '05 #1
5 3985
ne**@celticbear.com wrote:
I've a site: http://gto.ie-studios.net/products.php that looks
perfectly fine in Windows whether with IE or Firefox 1.0.
But when viewed in the Linux version of Firefox 1.0, images get
misaligned and breaks between then appear.
Why the two different behaviors on the same browser but different OS's?

Anyway, that page as an example DOES W3C HTML validate AND W3C CSS
validate as well.
So, there's no ERRORS per se, but I suppose there's still something I'm
technically doing wrong.

Could someone give me a clue what I need to remove/add/change to
prevent this problem? For all I know it's happening on Mac's as well,
but I don't have one to try it on.

Thanks for any help!
Liam


Whats the difference in resolutions between the machines?

--
Mozilla Champion
UFAQ - http://www.UFAQ.org
Mozilla Champions - http://mozillachampions.mozdev.org
Mozilla Manual - http://mozmanual.mozdev.org/
Jul 21 '05 #2
LRW

"Moz Champion" <mo**********@sympatico.ca> wrote in message
news:Mu**********************@bgtnsc04-news.ops.worldnet.att.net...
ne**@celticbear.com wrote:
I've a site: http://gto.ie-studios.net/products.php that looks
perfectly fine in Windows whether with IE or Firefox 1.0.
But when viewed in the Linux version of Firefox 1.0, images get
misaligned and breaks between then appear.
Why the two different behaviors on the same browser but different OS's?

Anyway, that page as an example DOES W3C HTML validate AND W3C CSS
validate as well.
So, there's no ERRORS per se, but I suppose there's still something I'm
technically doing wrong.

Could someone give me a clue what I need to remove/add/change to
prevent this problem? For all I know it's happening on Mac's as well,
but I don't have one to try it on.

Thanks for any help!
Liam


Whats the difference in resolutions between the machines?


Well, that's a good suggestion I wouldn't have thought of, but I don't think
that's the issue. I've viewed the site in Firefox on two different WinXP
machines--at home and at work. At home I have it at 1360x1024 and at work at
1152x864.
I set the Linux machine up with the same resolution as what it used to be in
WinXP: 1152x864.
And unless something REALLY weird is going on, it's certainly at that
because it's the ONLY option I have set for it in the Xwindows
configuration. X11org.conf if I recall (at home right now.)

What I'm going to do is download Opera browser when I get back to work
Wednesday, set it to emulate IE6 and see if that makes a difference. I
assume when Opera emulates IE6 it's emulating its fast and fancy free way of
dealing with code. =) But, maybe not. Maybe all it does is tell the Web
server that it's a different browser than it is.
In any case, I'll just wait until Wed to see if there's any new info I can
garner to work with.

Thanks for replying!
Liam
Jul 21 '05 #3
LRW wrote:
What I'm going to do is download Opera browser when I get back to work
Wednesday, set it to emulate IE6 and see if that makes a difference. I
assume when Opera emulates IE6 it's emulating its fast and fancy free way of
dealing with code. =) But, maybe not. Maybe all it does is tell the Web
server that it's a different browser than it is.


Opera does not emulate IE6. It can, however, identify itself as IE to
browser sniffers written by incompetent programmers.

Jul 21 '05 #4
ne**@celticbear.com wrote:
I've a site: http://gto.ie-studios.net/products.php that looks
perfectly fine in Windows whether with IE or Firefox 1.0.
But when viewed in the Linux version of Firefox 1.0, images get
misaligned and breaks between then appear.
Why the two different behaviors on the same browser but different
OS's?


The two different behaviors are because the text input (under "Search")
has different widths. The width of text inputs that have 'auto' width
is determined from:
1. the number of characters the text input is supposed to contain,
which comes from the size attribute (28 in this case) or its
default value and
2. the font's metrics for average and maximum character width.
The formula is different depending on whether the font is monospace or
proportional.

So, based on what fonts are available, it seems like the character
widths of the fonts chosen when you specify 'font-family:
Verdana,Arial,Helvetica,sans-serif; font-size: 10px' differ between
platforms. The design is based around the assumption that those
character widths will be the same across platforms. This is not a safe
assumption, since different platforms tend to have different fonts
available and their font systems may even treat the same fonts slightly
differently.

Probably the best solution to this problem is to specify the width of
the input using CSS (e.g., 'width: 100%') rather than using the size
attribute, since there doesn't seem to be any special reason that the
text input needs to hold exactly 28 characters, but there does seem to
be a design preference that it fill a certain space.

-David

--
L. David Baron <URL: http://dbaron.org/ >

Jul 21 '05 #5

David Baron wrote:
ne**@celticbear.com wrote:
I've a site: http://gto.ie-studios.net/products.php that looks
perfectly fine in Windows whether with IE or Firefox 1.0.
But when viewed in the Linux version of Firefox 1.0, images get
misaligned and breaks between then appear.
Why the two different behaviors on the same browser but different
OS's?
The two different behaviors are because the text input (under

"Search") has different widths. The width of text inputs that have 'auto' width is determined from:
1. the number of characters the text input is supposed to contain,
which comes from the size attribute (28 in this case) or its
default value and
2. the font's metrics for average and maximum character width.
The formula is different depending on whether the font is monospace or proportional.


That's it! That's it exactly. On the index page I adjusted the class
for the text field to remove the character size but add a width in the
CSS, and /v'wah-lah/! Worked like a charm.
Now I know a little more about CSS. =)
And now I need to either make that search block an include or go
through and change it on every page. =/

Thanks for the help!
Liam

Jul 21 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: scooterm | last post by:
### Question Can anyone name a text editor or XML editor (prefer open source) that can open a simple table XML file in a spreadsheet-type GUI, without adding any extra formatting or junk to the...
0
by: Pierre Jelenc | last post by:
I have a blog script that is a customized version of Word Press (wordpress.org) at http://www.web-ho.com/blog/ Because of the way it evolved, some of the CSS may not be the best, I have tended...
2
by: Griff | last post by:
Hi Firstly, I've very little experience with CSS, so it's probably a very simple answer to my problem. I've "designed" a tabbed-dialogue form that is made up of a series of <div>s. A brief...
5
by: news | last post by:
I've a site: http://gto.ie-studios.net/products.php that looks perfectly fine in Windows whether with IE or Firefox 1.0. But when viewed in the Linux version of Firefox 1.0, images get misaligned...
3
by: headware | last post by:
I have an issue that I've been encountering in an ASP application I'm working on. Most of the application is written in ASP, but there is one page written in ASP.NET. The ASP.NET page needs to have...
4
by: Paul | last post by:
Hi, Everything went fine getting a short date format out of SQL into my DataGrid with this: <%# DataBinder.Eval(Container.DataItem, "Created", "{0:d}")%> Then I got too fancy in SQL and...
1
by: dscriv | last post by:
Hello, I have Netscape 8.0.4 (in Firefox mode) and Flash 8.0.24.0. I also have IE and Firefox installed. If I go to this page, which contains a Flash detection movie:...
1
by: elizabeth13 | last post by:
Happy New Year, all. I'm hoping someone can help with a weird text formatting issue I'm seeing only in Safari. I change my template on a monthly basis (header, colors, etc), and this is the...
11
by: Bazza Formez | last post by:
Hi, I have an app which utilizes forms security. I have a Login.aspx page which references my MasterPage.master. The master page in turn references a css. In the designer of VS 2005, the...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.