Chameleon content width CSS in Safari

Posted by gav on September 6, 2005 at 9:00pm

Issue Summary

Safari won't render the main content area at a proper width. A change was made which fixed the width issue on Safari while creating no noticeable change on IE or Firefox.

themes/chameleon/common.css

Original:
#content {
clear: both;
}

Changed:
#content {
width: 100%;
clear: both;
}

Comments

#1

Posted by leafish_paul on October 11, 2005 at 10:37am

Version:	4.6.0	» x.y.z
Status:	active	» needs review

Patch attached. Untested (not a Mac man).

Attachment	Size
common_safari_fix.css.patch	470 bytes

#2

Posted by zzzmarcus on December 6, 2005 at 2:18am

Version:

x.y.z

» 4.6.4

That patch didn't fix the issue. Now instead of the middle content shrinking, the left column expands when you expand the browser window in both Safari and Firefox.

#3

Posted by zzzmarcus on December 6, 2005 at 4:06am

Ok, for me this is what fixed it (YMMV):
In common.css:

DELETED
#header {
margin-bottom: 2em;
}

MODIFIED
#header img {
float: left;
padding: 0em 2em .5em 0em;
}

TO
#header img {
padding: 0em 2em .5em 0em;
}

#4

Posted by klagreca on August 19, 2006 at 7:52am

Solution offered in post #3 does indeed work. Thanks!

#5

Posted by magico on August 24, 2006 at 2:06pm

Version:

4.6.4

» x.y.z

Because the common.css did not have big changes, I'm putting this in HEAD to call for a much wider attention for reviews from Safari users.

#6

Posted by beginner on September 9, 2006 at 7:47am

Status:

needs review

» needs work

needs new patch as per comments #2, #3 and #4.
I don't have Safari, so I will only be able to test that the patch doesn't adversely affect my browser:
Safari users will be needed to review the new patch when it comes.