Stellar Attraction Discussion Forum
https://www.stellar-attraction.com/cgi-bin/yabb2/YaBB.pl
Site Information >> News >> Website alignment in Firefox - noted and fixed !!
https://www.stellar-attraction.com/cgi-bin/yabb2/YaBB.pl?num=1201129262

Message started by ProgMaster on 23rd Jan, 2008 at 11:01pm

Title: Website alignment in Firefox - noted and fixed !!
Post by ProgMaster on 23rd Jan, 2008 at 11:01pm
All,

I'm aware of the glitch with the new-look website not centering properly in the Firefox web-browser. I hope to have this resolved by the forthcoming weekend.

Apologies to all Firefox users. ::)

D

Title: Re: Website allgnment in Firefox - noted !!
Post by danrok on 24th Jan, 2008 at 6:08pm
I was going to report this last night, but after making 1 post in another thread, the reply button went AWOL!

[smiley=abduct.gif]

Title: Re: Website allgnment in Firefox - noted !!
Post by plodder on 24th Jan, 2008 at 7:26pm
That's odd. I'm using Firefox and it looks fine to me.

Title: Re: Website allgnment in Firefox - noted !!
Post by ProgMaster on 24th Jan, 2008 at 7:39pm

plodder wrote on 24th Jan, 2008 at 7:26pm:
That's odd. I'm using Firefox and it looks fine to me.


You beat me to it mate !! ;)

I've rectified the 'glitch' when viewing the new-look pages in Firefox and all should now be fine. However, please let me know if you notice anything else unusual - in particular when viewing the site in Firefox or any other browser other than IE

The problem occurred after I had done some testing on how the new-look pages were displayed at different screen resolutions. It didn't look as I expected at some of the lower resolution settings, so I made some last minute alignment changes but ... forgot to test them in Firefox !! :-[

Anyway, all now appears to be ok.

Enjoy.

Title: Re: Website allgnment in Firefox - noted !!
Post by ProgMaster on 24th Jan, 2008 at 7:43pm

danrok wrote on 24th Jan, 2008 at 6:08pm:
I was going to report this last night, but after making 1 post in another thread, the reply button went AWOL!  [smiley=abduct.gif]


There was a lot going on last night, website server re-boots, lots of uploading and other fiddling around.

Cheers and let me know if you experience anything else 'weird' !! ::)

Title: Re: Website alignment in Firefox - noted and fixed
Post by plodder on 24th Jan, 2008 at 7:52pm
Now that you say, there is an ugly looking frame on the front page holding the last 5 played songs. It can scroll down just a tad and doesn't seem to be worth it unless there's more to come.

Title: Re: Website alignment in Firefox - noted and fixed
Post by plodder on 24th Jan, 2008 at 7:53pm
and my text is  being shown over the top of my new moving avatar  

:(

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 24th Jan, 2008 at 7:53pm

plodder wrote on 24th Jan, 2008 at 7:52pm:
Now that you say, there is an ugly looking frame on the front page holding the last 5 played songs. It can scroll down just a tad and doesn't seem to be worth it unless there's more to come.


Good spot !!

Again, it looks totally fine in IE but not in Firefox. I believe it to be worth it as there's obviously some meaty song lengths occasionally. However, I'm working on a fix for Firefox as I type ...

Title: Re: Website alignment in Firefox - noted and fixed
Post by plodder on 24th Jan, 2008 at 7:56pm
I swapped between the "black" and the forum default skins and the text over the avatar thing goes away in the black skin. Maybe that's because the text is white out of the black avatar background. I'll revert back to my ELP avatar. ;D

Title: Re: Website alignment in Firefox - noted and fixed
Post by JaneEyre on 24th Jan, 2008 at 8:25pm
I'm just glad I'm able to log on!

Title: Re: Website alignment in Firefox - noted and fixed
Post by JaneEyre on 24th Jan, 2008 at 8:31pm
Because I wasn't able to get onto the site for over a week, remember??  ::)

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 24th Jan, 2008 at 8:35pm

plodder wrote on 24th Jan, 2008 at 7:56pm:
I swapped between the "black" and the forum default skins and the text over the avatar thing goes away in the black skin. Maybe that's because the text is white out of the black avatar background. I'll revert back to my ELP avatar.  ;D


I would say that had to do with the size of the Avatar itself.

Anyway, the forum hasn't been upgraded or modified in any way ... yet !! ;) 8-)

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 24th Jan, 2008 at 8:37pm

JaneEyre wrote on 24th Jan, 2008 at 8:31pm:
Because I wasn't able to get onto the site for over a week, remember??  ::)


Oh yes, you're not in Texas anymore then ?? ::)

Title: Re: Website alignment in Firefox - noted and fixed
Post by JaneEyre on 24th Jan, 2008 at 8:40pm

ProgMaster wrote on 24th Jan, 2008 at 8:37pm:

JaneEyre wrote on 24th Jan, 2008 at 8:31pm:
Because I wasn't able to get onto the site for over a week, remember??  ::)


Oh yes, you're not in Texas anymore then ?? ::)

;D No.  Nor Chicago.


Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 24th Jan, 2008 at 8:44pm

JaneEyre wrote on 24th Jan, 2008 at 8:40pm:

ProgMaster wrote on 24th Jan, 2008 at 8:37pm:

JaneEyre wrote on 24th Jan, 2008 at 8:31pm:
Because I wasn't able to get onto the site for over a week, remember??  ::)


Oh yes, you're not in Texas anymore then ?? ::)

;D No.  Nor Chicago.


The cloudy city ? ::)

Title: Re: Website alignment in Firefox - noted and fixed
Post by JaneEyre on 24th Jan, 2008 at 9:17pm

ProgMaster wrote on 24th Jan, 2008 at 8:44pm:

JaneEyre wrote on 24th Jan, 2008 at 8:40pm:

ProgMaster wrote on 24th Jan, 2008 at 8:37pm:

JaneEyre wrote on 24th Jan, 2008 at 8:31pm:
Because I wasn't able to get onto the site for over a week, remember??  ::)


Oh yes, you're not in Texas anymore then ?? ::)

;D No.  Nor Chicago.


The cloudy city ? ::)

Windy, darling.  Positively blowing.


Title: Re: Website alignment in Firefox - noted and fixed
Post by danrok on 24th Jan, 2008 at 11:11pm
I'm still seeing scroll bars around the "what's playing now" thing.

Using FireFox, and have just cleared my browser cache.

Title: Re: Website alignment in Firefox - noted and fixed
Post by plodder on 25th Jan, 2008 at 8:08am
Me too.

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 25th Jan, 2008 at 9:50am
The inline frame that displays the 'currently playing' information looks fine in IE.

The problem is due to the way in which the different browsers handle the 'scrolling option' within inline frames themselves and other aspects of HTML. Having researched this, it seems that Firefox displays the scroll-bar both at the bottom and to the right of the inline frame whereas IE only displays a scroll bar to the right.

Also, Firefox doesn't recognise the 'colouring' of the scroll-bar itself - this is displayed in a subtle, olive green colour in IE but is shown as a regular grey colour in Firefox.

I'll continue to work on a fix for this over the weekend and let you know the results.

Thanks for the feedback and of course, enjoy. 8-)

D

Title: Re: Website alignment in Firefox - noted and fixed
Post by danrok on 25th Jan, 2008 at 6:21pm
You have:


Code:
width="75%"


in your iframe tag. Percentage widths are only supported by Explorer.

So, change that to a number of pixels, instead of %.

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 25th Jan, 2008 at 7:18pm

danrok wrote on 25th Jan, 2008 at 6:21pm:
You have:


Code:
width="75%"


in your iframe tag. Percentage widths are only supported by Explorer.

So, change that to a number of pixels, instead of %.


Cheers mate.

Shall give it a try and test ...

Title: Re: Website alignment in Firefox - noted and fixed
Post by danrok on 26th Jan, 2008 at 1:02pm
Also, looks like the height needs increasing by a few pixels.


Code:
height="319"


Hopefully, the scroll bars will disappear, when the frame is big enough.

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 26th Jan, 2008 at 6:39pm
Still working on it ...

Title: Re: Website alignment in Firefox - noted and fixed
Post by Tux on 27th Jan, 2008 at 12:29pm

ProgMaster wrote on 25th Jan, 2008 at 7:18pm:

danrok wrote on 25th Jan, 2008 at 6:21pm:
You have:


Code:
width="75%"


in your iframe tag. Percentage widths are only supported by Explorer.

So, change that to a number of pixels, instead of %.


Cheers mate.

Shall give it a try and test ...

I would hope to see the percentage to stay. It's much more versatile. And not only supported by Internet Exploder. I write all my width specifications as percentages and I never check that with IE. I use Oepra, and that does support percentages.

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 27th Jan, 2008 at 7:16pm
I'm still working on a solution for this problem. I'll report back when I have more definite information.

Title: Re: Website alignment in Firefox - noted and fixed
Post by danrok on 27th Jan, 2008 at 8:08pm
I can't see any good reason for even using iframe. So, get rid of it completely.

This playing.php file is just HTML, Javascript and CSS, I don't see any PHP! Why it has the extension .php, I don't know.

So, just copy/paste that code in to the index.html file, and dont use iframe!! LOL

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 27th Jan, 2008 at 8:48pm

danrok wrote on 27th Jan, 2008 at 8:08pm:
I can't see any good reason for even using iframe. So, get rid of it completely.

This playing.php file is just HTML, Javascript and CSS, I don't see any PHP! Why it has the extension .php, I don't know.

So, just copy/paste that code in to the index.html file, and dont use iframe!! LOL



The main, playing.php file is written in php. It basically executes a SQL query against the SAM server at S.A. HQ, asking what's currently playing, what's coming up next, what the last five tracks were played, what the name of CD picture file of the currently playing track is, what the Amazon.com link is and how many listeners are currently tuned-in. Once it has this information, it creates the HTML table that's displayed in the iFrame. The php source won't be displayed in any way if queried via your browser. The php code is executed on the website server and not at browser level - all that you will see if you 'view source' in your browser is the HTML code that is generated by the script. Similar to the Perl code that the forum is written in - the 'source' that's viewed by the end-user is the HTML code that's generated when the forum page in Perl is executed (executed on the website server).

The main problem here is a cosmetic one and the way in which both IE and Firefox handle 'scroll bars'. As mentioned, in my opinion, it looks great in IE but not-so-great in Firefox. Apart from Firefox always displaying a scroll-bar at the bottom of the iFrame (which IE doesn't do) - the colour of the scroll-bars in Firefox are displayed in the regular 'battleship grey' as opposed to the funky green / red in IE. This seems to be due to Firefox not recognising the scroll-bar colour definitions in the <body> tag on the main page and within the php script.

The obvious solution is to switch-off the scroll-bars within the iFrame itself but this obviously won't help if there's an over-spill in the song titles which makes the contents of the table too big to be displayed in the iFrame ... Don't worry - there's a few options that I'm looking at. It'll hopefully be sorted soon enough. ::)

Title: Re: Website alignment in Firefox - noted and fixed
Post by danrok on 29th Jan, 2008 at 10:10am
Might be of help:
http://www.dynamicdrive.com/forums/showthread.php?t=3453

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 29th Jan, 2008 at 6:17pm

danrok wrote on 29th Jan, 2008 at 10:10am:
Might be of help:
http://www.dynamicdrive.com/forums/showthread.php?t=3453


Thanks for the link mate. Looks very useful !!

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 15th Feb, 2008 at 9:42pm
A fix for this issue is still being worked on ...

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 23rd Feb, 2008 at 9:56pm
This has now been fixed.

I've also updated the CSS to ensure the website displays better (and more consistent) in both browsers.

Please let me know if anyone experiences any further problems.

Enjoy.

D

Title: Re: c - noted and fixed
Post by ino_100 on 25th Feb, 2008 at 1:42pm
Not to piss you off Dee but, there is still a scroll up / scroll down bar beside the "What is playing now" window...

But, its true that the name of the thread is    Website alignment in Firefox   and the side scroll bar has disappeared

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 25th Feb, 2008 at 2:22pm
No problem, Max.

Yes, a vertical scroll-bar will be displayed in Firefox / Mozilla browsers if the 'currently playing / last five tracks played' table is too big to fit neatly in the iFrame. This will happen when there are lengthy song titles, otherwise no scroll-bars will be displayed.

The original issue reported here was that Firefox / Mozilla browsers were displaying scroll-bars (both horizontal and vertical) regardless of the size of the table.

So, all should now be well.

Title: Re: Website alignment in Firefox - noted and fixed
Post by ino_100 on 28th Feb, 2008 at 2:41pm
All bars have dissapeared Thank you   8-)

Max

Title: Re: Website alignment in Firefox - noted and fixed
Post by ProgMaster on 29th Feb, 2008 at 7:33pm

ino_100 wrote on 28th Feb, 2008 at 2:41pm:
All bars have dissapeared Thank you   8-)

Max


When there are long song titles and they cannot fit into the iFrame (the area where the song information is displayed on the website), a side scroll-bar will appear. So, the listener can easily scroll down to see what has 'overrun'.

I've checked and re-checked this in Firefox / Mozilla browsers and it looks fine to me.

Title: Re: Website alignment in Firefox - noted and fixed !!
Post by m_gol on 26th Feb, 2009 at 11:45pm
Actually, any bad rendering can be caused by the lacking DOCTYPE in the header of the site (and other errors). Apart from the IE, any other browser should display the site fine if its written according to W3C standards. Lacking DOCTYPE or DOCTYPE of an older type cause most standards-compliant browsers to display the page using not compatible "Quirks mode" - in Firefox right-click on the page and choose "View Page Information" - there is a "render mode" option - for best results, it should display "Standards compliance mode". This forum is rendered this way, main stellar-attraction.com site now. This forum is written according to web standards, stellar-attraction.com - not. This can cause problems - and if You fix it for Firefox, it can still be broken in Opera, Safari, Google Chrome, Konqueror etc. etc. That's why I believe the best method is to write standard compliant sites and make only workarounds for IE (unfortunately, they don't give a damn for keeping to web standards :().

See errors from Your site:
W3C Validator results for stellar-attraction.com

This forum is coded properly, though:
W3C Validator results for this forum

Title: Re: Website alignment in Firefox - noted and fixed !!
Post by ProgMaster on 28th Feb, 2009 at 5:06pm
Hi there Michał,

Don't worry, something that I'm very aware of. ;)

You've probably noticed that there isn't the 'validation' logo on the 'main' pages of the website. The guys at YaBB are far more proficient than me at website development and coding, hence the difference between the forum and the 'main' pages when a validation check is made. Whilst I updated a lot of the HTML and PHP in the 'Phase 3a / 3b' upgrades to the website, it's not perfect. However, as far as I'm aware, the pages do display fine in any browser which is important although not technically perfect.

As you've pointed out, the nuances between the various browsers are difficult and often annoying when attempting to create any kind of webpage these days. Not to worry, errors are always ironed-out as and when pages are updated.

A fair portion of the errors that are reported are actually within third-party links that are displayed on the pages - the Amazon Widget and the Waum link, for example.

Anyway, it's something that well become less and less frequent as and when the S.A. website's pages are updated.

D

Title: Re: Website alignment in Firefox - noted and fixed !!
Post by m_gol on 28th Feb, 2009 at 6:31pm
I understand, I'd only want to point out that even only adding a proper DOCTYPE could solve most of the problems. ;) Or more accurately - even if adding the DOCTYPE would broke the page, if You fixed it after adding it, there is a bigger chance it will display correctly in most browsers. :)

Nevertheless, I see You're engaging Yourself very much and if there should be any problems with displaying this page in a standards compliant browser, I'd just report it in the forum. :)

Stellar Attraction Discussion Forum » Powered by YaBB 2.5 AE!
YaBB Forum Software © 2000-2010. All Rights Reserved.