Techsurvivors

Archives => 2004 => Topic started by: Gary S on January 05, 2004, 04:04:41 PM

Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 05, 2004, 04:04:41 PM
I visit this site often...like everyday and they just started using a new board.

It's been a royal pain for me because of the side scrolling I have to do. wallbash.gif

Here's the thing:

I use Netscape 7.01 on 9.1 and 7.02 on OSX.2.8.

I have to side scroll on OS9.1 but I don't have to when using X.2.8.

In otherwords it works well with 7.02 using OSX but I have to side scroll when I'm using
7.01 with 9.1 which I use at night when my son is on the OSX Quicksilver.

The site works well with Internet Explorer but I don't like Internet Explorer.

The site does not work well with Safari either....you have to side scroll with Safari.

Do any of you Website Gurus understand why this is happening?

And could some of you that have different browsers and such go to this site and see if you have to side scoll or not? When you have time.

It's not pressing, it's just driving me nuts. Sometimes the game gets that way.
 wink.gif
When you go to the site the first page is fine. Click on the green tab at the top that says
Galleries
That's where the trouble begins with the scrolling. TIA


IBC Website
Title: For those who know HTML-Can you figure this out?
Post by: Dreambird on January 05, 2004, 04:20:55 PM
Gary, if you are anything like me and it's driving you nuts... it's pressing! Yeah, yeah I know ... "the game"...  rolleyes.gif

Anyway, it seems to work fine, no scrolling in Opera 5 for me. It looks like they have their "table" or whatever it's called set big... Krissel might have a better idea about that than me... smile.gif
Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 05, 2004, 05:33:30 PM
Gary, the table is centered, but I can't seem to get to the cascading style sheet that is controlling the navigation - keep getting page not found errors. (I tried all sorts of permutations and combinations of the href that should point to the file, but no dice - they obviously don't want their CSS copied). I also copied the page code into GoLive and had a look at what it does without any CSS applied. The navigation links appear as an unordered list, off to the right. So, the CSS is turning them into a horizontal list, and that is probably where the problem lies. It's somehow defaulting to a left alignment and bumping the table over. That's my guess - though since I've never constructed something like this with CSS it's hard for me to know. I do know that both NS and Safari DO have some CSS issues or are perhaps less tolerant of minor goofs.

I'd email the webmaster and tell him what you're seeing. It may be an easy fix.
Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 05, 2004, 06:01:49 PM
Thanks DB & Paddy,

Paddy,
I'll email the webmaster and see what he says. I know that he had a hard time picking out a board that would wook with everone's browsers since there are a lot of members from the Orient to all over the world.

Can I say what you posted? thanx.gif

DB,
The game is kind of in my mind since I watched the movie"The Game" for the first time over the weekend. It was really tense but good. smile.gif
Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 05, 2004, 06:41:18 PM
Hi Gary - sure, tell the webmaster what I said. I have no idea if I'm right or not, but I do know that strange things can happen if you happen to choose the wrong alignment, and that would be my first guess as to why it isn't working in all browsers. There are things that you can do which look perfectly ok in most browsers but totally break in others. Sometimes the fix is easy (and works in all browsers, yielding the same result that you were achieving in some browsers) - other times it is entirely related to how a particular browser interprets the CSS. Not all browsers do an equally good job. There are simply some things that you can do with CSS that don't work in all browsers. Since IE is used by so many in this world, CSS that works in IE tends to get used - often with no checking to see if everything is working in any of the alternative browsers.
Title: For those who know HTML-Can you figure this out?
Post by: RobW on January 05, 2004, 07:08:47 PM
Hi Gary, Hope this doesn't make you too crazy, but using OSX.2.8 and Safari, it loaded fine, no side scrolling needed--even when I went to Galleries.   wacko.gif
Title: For those who know HTML-Can you figure this out?
Post by: Mayo on January 05, 2004, 07:25:44 PM
Using 10.3.2 and the latest Safari I had to scroll sideways on the Galleries page to reach the board.
Title: For those who know HTML-Can you figure this out?
Post by: Al on January 05, 2004, 07:59:37 PM
Gary,

10.2.8, Safari & 17" monitor @ 1024x768 res., no scrolling necessary.
Title: For those who know HTML-Can you figure this out?
Post by: Xairbusdriver on January 05, 2004, 09:11:28 PM
No problem in Mozilla 1.3.1/OS 9.1. Could sqeeze the screen down until just the topics columns were wide enough to display. Coming back here did cause horizontal scrolling at that slim a page. I doubt that he can do much to alleviate this, as it appears to be related to something on your machine rather than a particular browser. Has Bernie been near your Mac?! nono.gif

I couldn't see the CSS either, but it probably came with the board software. And the whole directory is probably protected with a file to prevent viewing/downloading anything that he paid for. Most of the content is coming from the server anyway, and I'm sure that has all the locks secured!

Your best chance of help is probably from the woner, especially if you know him at all.
Title: For those who know HTML-Can you figure this out?
Post by: Diana on January 05, 2004, 09:40:33 PM
Hi Gary,

On linux/Mozilla set to 800 pixel screen width, I don't have any side scrolling.

Like airbusdriver, I too believe that it has more to do with your personal screen settings/font sizes than anything else. If you could put up a screen shot for us so we can see what you see, it might help.

For an experiment, try reducing your font size and see if that helps.

see ya

ps: here is the

Galleries CSS and
the Home Page CSS
Title: For those who know HTML-Can you figure this out?
Post by: krissel on January 05, 2004, 10:01:25 PM
Ah folks, welcome to the world of php coding.  wacko.gif  wacko.gif

I don't have to side scroll in IE 5.2, Netscape 7 or iCab but each had problems with that skin either in the window size or the navigation bar above.

The stylesheet is within the basic theme or skin on the server and isn't visible to the page viewer is some cases. The information for the style is located  in the css and in some of the theme templates. If the person modifying the skin wants to save space they can eliminate the info which normally shows on a page source view and just leave the reference to the external css. The only way to read the css is to have access to the administration panels or have a copy of the skin with all its templates, etc.

In an attempt to write code that was quick to read and render unfortunately some browsers get a tad confused by unknown references or indeed by double references.

Some of you may remember we had a test forum up for a few weeks last spring before moving to the present one. That was a phpBB forum like the one at Gary's site. I worked for days trying to adapt some of the skins and was very frustrated because in some cases a change in the css was ignored by conflicting code elsewhere that I had to find and vice versa.  While some adaptations were successful I found the Invision Board's management of code easier to follow and it didn't have a mind of its own. That's part of the reason we chose it, not to mention it had features we really liked and was easier to administer.

Now we are facing a potential upgrade which brings new changes in the php code we use so it's back to the salt mines.  getsick.gif

OH, Gary, send the webmaster of that forum to this page so he/she can try a fix:

How to change width
Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 05, 2004, 11:00:11 PM
Well, Diana et al are correct - the problem does go away if you drop down a size (command and '-' keys) or so, depending on how big you've got your fonts. (Safari, OS 10.3) However, there is still something screwy with the CSS that it lets the table float up beside the navigation bar if the font size increases beyond a certain point. Don't know how many viewers are actually affected by the problem, since you're only going to see it in certain browsers and then probably only with a high screen resolution on a larger monitor...

Worth telling the web master anyway...though from the sounds of Krissel's post, you may bear the responsibility for driving him/her insane. wink.gif
Title: For those who know HTML-Can you figure this out?
Post by: Dreambird on January 06, 2004, 01:46:45 AM
QUOTE
DB,
The game is kind of in my mind since I watched the movie"The Game" for the first time over the weekend. It was really tense but good. smile.gif


Ah... OK, got'cha... wink.gif
Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 06, 2004, 08:37:47 AM
Here are some Screenshots I took of my monitor over at that site so you can see.

Screenshot #1: When I visit the main page. It's normal and I don't have to side scroll.


Screenshot#2: After I hit the Gallery button to go to the main Gallery:



Screenshot#3:Main Gallery


Screenshot#4:After I side scroll I can read the posts.


Screenshot#5:Trying to post...haven't sidescrolled yet.


What could I do in my Netscape prefs to help from my end?
Al,
I noticed you're not having this problem w/Netscape. My screen res is at 1024X768.

My fonts are:
•Proportional—Sans Serif-size 12 pixels
•Serif—Times
•Sans-serif—Helvetica
•Cursive—Apple Chancery
•Fantasy—Gadget
•Monospaced—Geneva 12, Minimum font size 10
•Allow documents to use other fonts—is checked.,
•Display resolution—96dpi

I hope this helps.
Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 06, 2004, 08:41:00 AM
I'll make those screenshots a little smaller. dry.gif
There we go. They fit on the screen.

It seems the Nic, the person working on the board must be from Australia or South of the
equator because it's Summer and a bit busy.
Title: For those who know HTML-Can you figure this out?
Post by: Al on January 06, 2004, 10:35:53 AM
Hi Gary,

That was for Safari, Gary, But I just checked with Netscape 7.1 and I still don't have to side scroll.  whistling.gif
Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 06, 2004, 05:01:07 PM
Al,
That's on OSX right? How about OS9x?
Title: For those who know HTML-Can you figure this out?
Post by: Al on January 06, 2004, 11:46:22 PM
Yeah, 7.1 Netscape and Safari on 10.2.8.

I just booted into 9.2.2 and tried it with Netscape 7.0.2 and had no problems.  No scrolling left or right.

Did the web master correct the errors?
Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 07, 2004, 08:02:22 AM
No, it doesn't appear that anything has been fixed. The problem is still there in Safari beyond a certain font size.

Try changing your font size, Al - I bet you can make it happen too. You can make it happen in Mozilla 1.4 and in Netscape 7.1, too (in Panther). No matter what you do in IE, the navigation stays put over the discussion forum.

Just use the command and '+' or '-' keys to fool around with it.

Here's an interesting site on CSS compatibility in the major browsers (and it's got most of the major players in the Mac world, except Omniweb):

http://www.quirksmode.org/css/contents.html

I tried running the page through the W3C's CSS validator at:
http://jigsaw.w3.org/css-validator/validator-uri.html

Most of the CSS was valid - the bits that weren't were not related to positioning of elements. So my guess is that it's something that isn't yet well implemented in Safari and Mozilla/Netscape. Not sure quite what, but it's possible that there is a different way of doing it that will make it work in all browsers, at all font sizes.
Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 07, 2004, 11:29:57 AM
Thanks Paddy.

They haven't fixed it yet. I still get the scrolling with Safari in OSX.2.8. I don't know Al's secret. There must be something with the fonts or something else.

i'm sure they will eventually get it working over there because there are more Mac users than I thought posting at that site. smile.gif
Title: For those who know HTML-Can you figure this out?
Post by: krissel on January 07, 2004, 11:46:40 AM
Gary, I'm using Netscape 7.01 in OS 9.1 with the following settings and am not having problems.
My screen resolution is also 1024x768, thousands of colors, 19" monitor.

Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 07, 2004, 12:57:38 PM
In Netscape, at 1280X1024 on a 22" monitor, I have the font sizes set to 16 and 13 at 96dpi. I think that may have been a default - I have no recollection of ever changing it. Anyway, at my usual font size the site is fine. However, if I increase the sizes of the fonts using the "command" + "+" keys (NOT the Netscape preferences) then I can make the page appear just as it does in your screen shots. It only takes two increases in the size to make it do this. Try it. But you can increase the size of the fonts until the cows come home in IE and it always keeps the forum centered under the navigation bar, no matter how ridiculously huge you go. But it would appear to be the only browser that maintains the table position, though I haven't tried Opera or Omniweb, having current versions of neither right now.
Title: For those who know HTML-Can you figure this out?
Post by: krissel on January 08, 2004, 12:15:24 AM
Here's a funny.

I played the font larger game with iCab and it had no trouble increasing the size and still maintaining the forum window box within the browser window.

But man does iCab screw up the home page at any size. Wow, stuff on top of stuff. rolleyes.gif

Title: For those who know HTML-Can you figure this out?
Post by: Gary S on January 08, 2004, 04:56:14 PM
Krissel,

I changed my fonts, in Netscape 7.01 running OS9.1, to the one's you suggested.

Guess what!....It works!!!!!!    ohmy.gif  laugh.gif  notworthy.gif  clap.gif

As Bogie would say....Tanks alot sweethaart. biggrin.gif



Now maybe someone can explain why fonts make such a difference?

Nevermind.

I'm just real happy right now. Actually I think I'm having a peek experience right now.smile.gif

 thanx.gif all you human beans!
Title: For those who know HTML-Can you figure this out?
Post by: Xairbusdriver on January 08, 2004, 10:00:22 PM
QUOTE
...why fonts make such a difference?

On one hand it's font-size rather than just font-family, on the other hand, it could be that 'containers' (div's) are dimensioned with 'em's' a measurement based on the font size, on the third hand(!) it may just be the different ways different browsers handle CSS! And since I've already borrowed one hand, I'll stop there. blush-anim-cl.gif

Seriously(!), it may also depend on how the div's are being positioned, various IE versions don't like relative versus absolute methods. Plus, margins and padding are calculated differently (incorrectly) in IE and NS/Moz. If any of these containers had both/either, they might become too large to fit in the window as happend with you. Third, it may be how the div's are deminsioned (as described above). If the fonts were too large, that would force the container (which usually size themselvs to hold whatever is put into them) to become just a little too big. And they might even become only wider, not just taller, which could cause the problems you saw.

Of course, the real problem may just be badly constructed php/code and it's interaction with all those hands laying around! whistling.gif
Title: For those who know HTML-Can you figure this out?
Post by: Bobun on January 08, 2004, 10:36:37 PM
this is krissel posting from Bobun's identity

Gary, glad it works for you and you are  biggrin.gif .

I'm at my folks' house now and tried the site in Safari and it reads the home page OK but I noticed on the galleries page that it is OK if the window size is kept at about the size of a 15 " monitor but as soon as the window is enlarged past that point it jumps off to the side and the side-scroll appears. Font prefs are
Times 16 for standard
Courier 13 for fixed width
Encoding Western (ISO latin1)

In IE 5.2.1 for X the home page is not right (the text is in a very skinny vertical line) but the galleries pages is fine no matter how large the window.
Settings are:
Font size 16   Resolution 96
Western (Latin 1)
Prop- Times New Roman
Sans serif-Arial
Serif-Times New Roman
Monospace-Courier New
Cursive-Brush Script MT
Fantasy-Comis Sans MS

Very curious. Now if we can figure out the commonality or difference at the crucial point we would be satisfied.

 wacko.gif
Title: For those who know HTML-Can you figure this out?
Post by: Paddy on January 09, 2004, 07:50:47 AM
Well, on checking this again with the W3C CSS validator, I realized why I hadn't been able to get to the CSS via what I assumed would be the URL. I didn't put in "galleries" - figured that the CSS would apply to all the pages and therefore reside one directory up. Nope.

So, if you want to look at the CSS for the gallery pages to see if you can spot the problems:

http://www.internetbonsaiclub.org/gallerie...r/subSilver.css

The CSS for the main page:

http://internetbonsaiclub.org/ibc_green_check.css

Interestingly, I hadn't really looked at the index page in IE - it is REALLY messed up. The navigation bar text doesn't even show up at normal viewing sizes. If I increase the text size a lot, it starts to show up, but then it doesn't fit. It's ok in both Safari and Mozilla.

I am intrigued by the possibilities of CSS, but it's the continued problems with some browsers that have kept me using tables, for now, and using CSS for my font styling etc. I will start fooling around with it soon, but probably not on anything that matters until I feel that I know what I'm doing and that the results will be as desired in every common browser. That, it appears, may take some experimentation! There are a number of sites that deal with the vagaries of browser support for CSS and show what happens with fairly basic CSS positioning in different browsers. Some of it is still pretty wacky.