Stellar Attraction Discussion Forum - Website alignment in Firefox

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Website alignment in Firefox - noted and fixed !! 23^rd 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
Back to top	WWW IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website allgnment in Firefox - noted !! Reply #1 - 24^th 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!
Back to top	WWW IP Logged

plodder Starship Trooper Offline Posts: 167 Sunny Cardiff Gender:	Re: Website allgnment in Firefox - noted !! Reply #2 - 24^th Jan, 2008 at 7:26pm That's odd. I'm using Firefox and it looks fine to me.
Back to top	IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website allgnment in Firefox - noted !!
Reply #3 - 24^th Jan, 2008 at 7:39pm

plodder wrote on 24^th Jan, 2008 at 7:26pm:

That's odd. I'm using Firefox and it looks fine to me.

You beat me to it mate !! Wink

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 !! Embarrassed

Anyway, all now appears to be ok.

Enjoy.

Back to top

WWW

IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website allgnment in Firefox - noted !!
Reply #4 - 24^th Jan, 2008 at 7:43pm

danrok wrote on 24^th 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

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' !! Roll Eyes

Back to top

WWW

IP Logged

plodder Starship Trooper Offline Posts: 167 Sunny Cardiff Gender:	Re: Website alignment in Firefox - noted and fixed Reply #5 - 24^th 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.
Back to top	IP Logged

plodder Starship Trooper Offline Posts: 167 Sunny Cardiff Gender:	Re: Website alignment in Firefox - noted and fixed Reply #6 - 24^th Jan, 2008 at 7:53pm and my text is being shown over the top of my new moving avatar
Back to top	IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #7 - 24^th Jan, 2008 at 7:53pm

plodder wrote on 24^th 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 ...

Back to top

WWW

IP Logged

plodder Starship Trooper Offline Posts: 167 Sunny Cardiff Gender:	Re: Website alignment in Firefox - noted and fixed Reply #8 - 24^th 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.
Back to top	IP Logged

JaneEyre Squonk Offline endearingly cantankerous Posts: 665 Gender:	Re: Website alignment in Firefox - noted and fixed Reply #9 - 24^th Jan, 2008 at 8:25pm I'm just glad I'm able to log on!
Back to top	IP Logged

JaneEyre Squonk Offline endearingly cantankerous Posts: 665 Gender:	Re: Website alignment in Firefox - noted and fixed Reply #10 - 24^th Jan, 2008 at 8:31pm Because I wasn't able to get onto the site for over a week, remember??
Back to top	IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #11 - 24^th Jan, 2008 at 8:35pm

plodder wrote on 24^th 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. Grin

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 !! Wink

Back to top

WWW

IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #12 - 24^th Jan, 2008 at 8:37pm JaneEyre wrote on 24^th 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 ??
Back to top	WWW IP Logged

JaneEyre Squonk Offline endearingly cantankerous Posts: 665 Gender:	Re: Website alignment in Firefox - noted and fixed Reply #13 - 24^th Jan, 2008 at 8:40pm ProgMaster wrote on 24^th Jan, 2008 at 8:37pm: JaneEyre wrote on 24^th 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 ?? No. Nor Chicago.
Back to top	IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #14 - 24^th Jan, 2008 at 8:44pm JaneEyre wrote on 24^th Jan, 2008 at 8:40pm: ProgMaster wrote on 24^th Jan, 2008 at 8:37pm: JaneEyre wrote on 24^th 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 ?? No. Nor Chicago. The cloudy city ?
Back to top	WWW IP Logged

JaneEyre

Squonk

Offline

endearingly cantankerous

Posts: 665
Gender: female

Re: Website alignment in Firefox - noted and fixed
Reply #15 - 24^th Jan, 2008 at 9:17pm

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

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

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

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

Because I wasn't able to get onto the site for over a week, remember?? Roll Eyes

Oh yes, you're not in Texas anymore then ?? Roll Eyes

No. Nor Chicago.

The cloudy city ? Roll Eyes

Windy, darling. Positively blowing.

Back to top

IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website alignment in Firefox - noted and fixed Reply #16 - 24^th 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.
Back to top	WWW IP Logged

plodder Starship Trooper Offline Posts: 167 Sunny Cardiff Gender:	Re: Website alignment in Firefox - noted and fixed Reply #17 - 25^th Jan, 2008 at 8:08am Me too.
Back to top	IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #18 - 25^th 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. Cool

D

Back to top

WWW

IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website alignment in Firefox - noted and fixed Reply #19 - 25^th 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 %.
Back to top	WWW IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #20 - 25^th Jan, 2008 at 7:18pm danrok wrote on 25^th 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 ...
Back to top	WWW IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website alignment in Firefox - noted and fixed Reply #21 - 26^th 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.
Back to top	WWW IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #22 - 26^th Jan, 2008 at 6:39pm Still working on it ...
Back to top	WWW IP Logged

Tux

Stellar Associate

Offline

Posts: 214
The Netherlands
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #23 - 27^th Jan, 2008 at 12:29pm

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

danrok wrote on 25^th 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.

Back to top

IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #24 - 27^th 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.
Back to top	WWW IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website alignment in Firefox - noted and fixed Reply #25 - 27^th 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
Back to top	WWW IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #26 - 27^th Jan, 2008 at 8:48pm

danrok wrote on 27^th 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. Roll Eyes

Back to top

WWW

IP Logged

danrok Stellar Moderator Offline Prog on... Posts: 403 GB Gender:	Re: Website alignment in Firefox - noted and fixed Reply #27 - 29^th Jan, 2008 at 10:10am Might be of help: http://www.dynamicdrive.com/forums/showthread.php?t=3453
Back to top	WWW IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #28 - 29^th Jan, 2008 at 6:17pm danrok wrote on 29^th 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 !!
Back to top	WWW IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #29 - 15^th Feb, 2008 at 9:42pm A fix for this issue is still being worked on ...
Back to top	WWW IP Logged

ProgMaster Stellar Owner Offline Stellar Attraction Posts: 3,777 British Isles Gender:	Re: Website alignment in Firefox - noted and fixed Reply #30 - 23^rd 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
Back to top	WWW IP Logged

ino_100 Harold The Barrel Offline Namaste Posts: 1,255 Montréal, Québec Gender:	Re: c - noted and fixed Reply #31 - 25^th 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
Back to top	One Love IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #32 - 25^th 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.

Back to top

WWW

IP Logged

ino_100 Harold The Barrel Offline Namaste Posts: 1,255 Montréal, Québec Gender:	Re: Website alignment in Firefox - noted and fixed Reply #33 - 28^th Feb, 2008 at 2:41pm All bars have dissapeared Thank you Max
Back to top	One Love IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed
Reply #34 - 29^th Feb, 2008 at 7:33pm

ino_100 wrote on 28^th Feb, 2008 at 2:41pm:

All bars have dissapeared Thank you Cool

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.

Back to top

WWW

IP Logged

m_gol

Stellar Newbie

Offline

Posts: 11
Poland (Warsaw/Stalowa Wola)
Gender: male

Re: Website alignment in Firefox - noted and fixed !!
Reply #35 - 26^th 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 Sad

).

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

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

Back to top

Regards,
Michał Gołębiowski
student of Mathematics & Computer Science at the Warsaw University in Poland

IP Logged

ProgMaster

Stellar Owner

Offline

Stellar Attraction

Posts: 3,777
British Isles
Gender: male

Re: Website alignment in Firefox - noted and fixed !!
Reply #36 - 28^th Feb, 2009 at 5:06pm

Hi there Michał,

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

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

Back to top

WWW

IP Logged

m_gol

Stellar Newbie

Offline

Posts: 11
Poland (Warsaw/Stalowa Wola)
Gender: male

Re: Website alignment in Firefox - noted and fixed !!
Reply #37 - 28^th 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. Wink

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.

Back to top

Regards,
Michał Gołębiowski
student of Mathematics & Computer Science at the Warsaw University in Poland

IP Logged

	Welcome, Guest. Please Login or Register