Help - Search - Members - Calendar
Full Version: Why Tables Appearance in Win Explorer Wrong?
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
JeffNY
Hi Guys,

I have this web site, done wit Seamonkey:
http://statelineriders.org/

A few days ago I added the "Club Store" to the 2nd table I use as a navigation bar. Here was the old page:
http://statelineriders.org/index-old.html

I was also (finally after months) able to remove the blank line between the two tables I use as navigation menu bars (see link below). The changes looked great in Safari (Mac), Firefox (Mac), SeaMonkey (Mac) and even an old copy of Explorer (5.2.2 Mac). I was REAL happy. Even looks Ok in Firefox for Windows.

THEN I ask my girlfriend to see how it looks in Explorer on her Windows XP machine.......EEEEEEEEE!!!! In both versions of my page (with and without a blank line between the tables) Explorer takes up more than one line for some text in the 2nd table. And in the version of with no gap between the tables Windows Explorer does not line up the right side of the top graphic (850 pixels wide).

Here is the version with no gap between the tables...how I really want it to look; with no gap:
http://statelineriders.org/indexx.html

Why can't Windows Explorer display tables properly?? Anything I can do to get it to display my tables correctly? I REALLY want to get this to look correctly...

The other thing I do not understand in Seamonkey is cell width by pixels. Below are the numbers I had to use for table two. But the individual cells, if added up, are more than 100 pixels off the 850 total. But these are the numbers I had to use to get the text to fit in each cell (on one line). Anyone know why?

Thanks,
Jeff

======= Table 2 ==============
Width: 850 pixels
Border: 1 pixel
Spacing: 2 pixels between cells
Padding: 2 pixels between cell border and content

Width of cells:
130
170
275
100
====
675 total (not even close to 850...)


JeffNY
Ok, think I found part of the problem. In her Internet Explorer she had the page text size set to "Medium"....as soon as I set it to "Smaller" the text in the 2nd (gray) menu bar (table) shrunk and fit on one line. Great.

Not sure why I saw different table widths earlier...I could not reproduce that.

BUT in Explorer on her XP machine the text in each cell in the second (gray) table it slightly left justified. Not centered like in the top (yellow) table. I tried several things in SeaMonkey and cannot correct this. This only happens in Explorer on XP. All the other browsers I tested the page with centers the text properly on both my tables, or "menu bars"

FYI this is now the page with the "gap" between the tables...I switched them back:
http://statelineriders.org/indexx.html

Jeff
Darin McGrew
If you don't want a gap between the yellow and grey tables, then why do you separate them with this markup?
CODE
<small><small><small><small><small><small><small><small><small><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</small></small></small></small></small></small></small></small></small></small><br>
<small><small><small><small><small><small><small></small></small></small></small></small></small></small>

FWIW, the minimum font size setting on modern browsers (pretty much anything but MSIE) will override the microfont you're trying to use.

Also, the doctype declaration you're using puts MSIE into quirks mode, which can cause additional problems:
http://hsivonen.iki.fi/doctype/
JeffNY
>>then why do you separate them with this markup?<<

I could not get SeaMonkey to delete the line, until a recent version seemed to let me "select" it with the cursor and delete it. And prior to that I did not want to get into manually editing the html code.

>>the minimum font size setting on modern browsers (pretty much anything but MSIE) will override the microfont you're trying to use.<<

Yea, FireFox and others showed it as small. IE (and Safari) does not.

>>the doctype declaration you're using puts MSIE into quirks mode<<

Someone else made me aware of that also. I with try Strict....

Thanks,
Jeff
pandy
QUOTE
And prior to that I did not want to get into manually editing the html code.


Come on. That's when the fun begin. Do it! Don't lock yourself in. happy.gif
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-2010 Invision Power Services, Inc.