To Admin: New Forum Format in Safari (Mac)

cuthbert · January 14, 2010, 07:02:53 PM

Hiya BB - as a temporary workaround, you can try Firefox for Mac.

Bluesberry · January 14, 2010, 07:10:02 PM

Thanks for the tip cuthbert.

Mach · January 15, 2010, 11:41:01 AM

Quote from: bannybassman on January 14, 2010, 11:44:27 AM
Quote from: Saijinn Maas on January 12, 2010, 07:44:27 PMSame thing happening with PC using Google Chrome
yeah, me too

Me 3

Pedro · January 17, 2010, 03:23:44 PM

Are you using Chrome in Windows? What is the screen resolution?

64Guitars · January 17, 2010, 05:42:13 PM

Pedro:

I downloaded the PC version of Safari 4 from http://www.apple.com/safari/ and installed it under Wine 1.1.36 in Ubuntu 9.10 (Karmic Koala). I'm attaching a screenshot that shows the problem.

Bluesberry · January 17, 2010, 05:45:04 PM

Thats it 64G!!!! Damn frustrating too.

Migs · January 17, 2010, 05:52:53 PM

... which carries over to iPhone.

64Guitars · January 17, 2010, 07:00:01 PM

Pedro:

Find the line in "index.template.php" that generates the string <div id="header">.

Echo three line breaks ("<br /><br /><br />") immediately before it, so that the generated code looks like this:

Code Select

<br /><br /><br />
<div id="header">
	<div id="bodyarea" style="padding: 1ex 0px 2ex 0px;">

It's a bit of a kludge but it does the job and is almost unnoticeable in Firefox. Or maybe you can find a better way to achieve the same thing.

cuthbert · January 17, 2010, 07:00:09 PM

Quote from: Migs on January 17, 2010, 05:52:53 PM... which carries over to iPhone.

That's where I first noticed it, too.

I know, I'm addicted...

64Guitars · January 17, 2010, 09:28:13 PM

Pedro:

Ignore my previous message. I found a better solution.

The cause of the problem seems to be that the floats in menu2 and menu3 of style.css are never cleared. You can fix it by adding a clear to the ID selector for header in style.css.

Change...

Code Select

#header
{
   background-color: #fafafa;
   padding: 10px;
}

...to...

Code Select

#header
{
   background-color: #fafafa;
   padding: 10px;

   /* fix for Safari browser */
   clear: both;
   padding-top: 0px;
}

This will put the content into the main container where it belongs, although it will be slightly lower. You can raise it back up to its normal position by changing index.template.php so that the generated line "<div id="bodyarea" style="padding: 1ex 0px 2ex 0px;">" is changed to "<div id="bodyarea" style="padding: 0ex 0px 2ex 0px;">".

By the way, there's another bug in the code which you should fix while you're at it. The "<div id="box">" just after the opening <body> tag never gets closed. So you should insert a closing </div> tag just before the closing </body> tag. This doesn't seem to have any visible effect in Firefox or Safari but it is an error.

Songcrafters.org

General Discussion

Post Your Work

Home Recording

Instruments

To Admin: New Forum Format in Safari (Mac)

cuthbert

Bluesberry

Mach

Pedro

64Guitars

Bluesberry

Migs

64Guitars

cuthbert

64Guitars