#28 ✓resolved

Safari text smaller page width problem

Reported by zerok | August 13th, 2008 @ 04:00 PM

Note: The original ticket can be found on Google Code

Reported by jeffrosczyk, Jun 29, 2008

What steps will reproduce the problem?

  1. Open any sample page or webpage made with blueprint in Safari for mac
  2. Reduce text to smaller, at least twice
  3. Notice that the page width gets very wide and allows for users to right scroll off page

What is the expected output? What do you see instead?

The page width shouldn't change

What version of the product are you using? On what operating system?

Blueprint 0.7.1 on Mac OS 10.5.3 with Safari 3.1.1

Please provide any additional information below.

Comment 1 by pacgaldev, Aug 01, 2008

Just looking at your template web page with Mac OS 10.5.4 and Safari 3.1.2 returns a very bad page with text breaking out of the grids. Not inspiring me to try it.

Comments and changes to this ticket

  • garethjmsaunders

    garethjmsaunders March 23rd, 2009 @ 08:31 PM

    I get the same issue with Safari 3.2.2 and Google Chome on Windows XP Professional SP3 but not on Firefox 3, IE6, IE7 or Opera 9.63.

    This makes me think that it's an issue with Web-Kit engine.

    A quick investigation through the code and it appears that it may have something to do with body {font-size: 75%;} declaration from typography.css.

    If I remove that declaration then it at least partly resolves the issue in Safari and Chrome, until I reach the smallest level of zoom when the page width issue returns.

    What I haven't worked out is how to resolve it though.


  • Christian Montoya

    Christian Montoya August 20th, 2009 @ 03:41 PM

    • State changed from “new” to “resolved”

    The only fix I know of is to set the font-size on html to 100.01%.

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

The Blueprint CSS framework