Help - Search - Members - Calendar
Full Version: TABLES IN MOZILLA
HTMLHelp Forums > Web Authoring > Web Site Functionality
coldz
On my site, theres a User Stats area at the bottom right and it displays the visitors resolved host, i was wondering why in mozilla it stretches the table out instead of going to a second line, like it does in IE, Any Ideas anyone?

http://www.coldz.org/
Darin McGrew
I recommend that you start by fixing the markup errors and CSS errors reported by the online tools:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes
http://jigsaw.w3.org/css-validator/validat...g=1&lang=en

And it looks like the right column is getting pushed around by the string "76-191-219-3.dsl.dynamic.sonic.net" (which the browser cannot wrap to fit the width you've specified for the table).
coldz
thanks, well like i said, IE has no issue, its just mozilla, i was just wondering if mozilla had a different set of standards when it comes to tables....
pandy
The majority of browsers have a different set of standards than IE when it comes to just about anything. smile.gif
Darin McGrew
In general, it's easier to develop for standards-oriented browsers and then do what you need to do to get MSIE to display the page well, than to develop for MSIE and then do what you need to do to get standards-oriented browsers to display the page well.
Darin McGrew
Well, it looks funny in all the browsers I have access to (Firefox, Opera, Safari). My guess is that it would look funny in my copy of MSIE too though, because I would have configured it to ignore document font sizes (since MSIE doesn't support a minimum font size setting).

You've got images of test that are illegibly small on my display. It would be better to use real text, but if you're going to use images of text, then use something larger.

There are ways to use tiling images to create borders that stretch to fit the content. Your border images pull apart if the content is bigger than you expect. Here are a few examples:
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/
http://www.w3.org/Style/Examples/007/roundshadow
pandy
QUOTE(Darin McGrew @ Aug 31 2009, 04:42 AM) *

My guess is that it would look funny in my copy of MSIE too though, because I would have configured it to ignore document font sizes (since MSIE doesn't support a minimum font size setting).


I haven't done that. But the line doesn't break in IE6 and thus it pushes the table apart. Looks exactly the same in IE6 and K-Mel.
coldz
i have IE 8.0 and the line breaks, and alot of my associates do as well...seems to display right at work too and they use IE 7, but i see your point and ill look into making it more compatible with various browsers....thanks for the help, both of you...very insightful information...
pandy
How to handle unbreakable strings isn't the easiest. But I feel that in this case the problem really is the narrow column and that the layout depends on an exact width.

There are javascripts around that shorten them and insert an ellipses if the string is too long. You could also take a look at CSS overflow, but it won't be so pretty.
http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow
coldz
haha thanks pandy, you have been wonderful, i wouldnt know would i would do without your advice...:-)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.