HTML Text Size and Spacing

This is driving me crazy!!! So I’ve finished my first website, yay! But I’m having a hard time figuring this problem out; on my large 23" monitor, while using Safari, the site is normal, everything looks fine:


But if I zoom in with Safari, or if you simply use a smaller monitor, like a 15" laptop, for some reason, the HTML text zoom, and nothing else does:


And when I try to use another browser, Firefox, the page seems to resize properly, and the zoom works fine, but the text size is different, and takes up more space than in my preview within freeway:

Anybody have any ideas? Any advise would be great. You can view the full website at:

Thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 4 Aug 2009, at 19:18, kunal wrote:

But if I zoom in with Safari, or if you simply use a smaller
monitor, like a 15" laptop, for some reason, the HTML text zoom, and
nothing else does:

This is normal behaviour. However, the latest versions of Safari and
Firefox have a menu item under ‘Zoom’ called ‘Zoom text only’. Have a
look at how you have it set in Safari and Firefox. Ordinarily, when
you zoom, the text should get bigger and the picture should stay the
same size.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 4 Aug 2009, at 19:18, kunal wrote:

But if I zoom in with Safari, or if you simply use a smaller
monitor, like a 15" laptop, for some reason, the HTML text zoom, and
nothing else does:

Sorry, when I replied earlier I hadn’t looked at your pictures, so,
while what I said was OK, it wasn’t what your problem is :slight_smile:

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is the biggest pitfall of using layers (DIVs) in a layout like this ie not contained in other DIVs that can grow to accommodate an increased size of text.

The layout that you have used would not really lend itself to expanding though and as a result (if you dont want to change the layout) then you could use GIF text to constrain its size to the container with the associated SEO negatives that this brings.

It comes back to the issue of whether this is a catalogue site for your client arrived at by promoting the web address to potential clients of theirs or you want to be found in a Google search.

If the latter then there are many ways that you can reduce the impact of ‘unreadable by Bots’ text - image replacement etc.

Or you could redesign the site!

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You might have to change up the layout here. If you put the text underneath the photo perhaps that would solve it. Or else you could separate the text box from the image itself and make that a flexible item (undefined height) and so when it expanded it’d just blow up that one section as it seems you’d want it too. You’d have to separate the two or else it would expand the ‘green’ underneath the image and it’d look weird.

Going inline ‘box-model’ doesn’t have to involve the entire site. I’ve used absolute positioned content before with elements of box-model elsewhere on it (menu’s, etc.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You could also make the text box scroll. Although that would make it a bit narrower for text content it would keep your layout format intact.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options