Web Hosting Forum | Lunarpages


*
Welcome, Guest. Please login or register.
Did you miss your activation email?



Login with username, password and session length
February 09, 2012, 11:47:55 AM

Pages: [1]   Go Down
  Print  
Author Topic: Text overflow problem  (Read 2445 times)
cjh
Spaceship Navigator
*****
Offline Offline

Posts: 85


« on: March 18, 2008, 05:41:22 PM »

I use Dreamweaver 8, and this is a problem that I have with every site I've designed. When enlarging the text through the browser (ctrl+scroll button in IE, view text size in FF), everything enlarges beautifully in IE, but only the text itself enlarges in FF, overflowing the container and individual layers.  I live in an area with a lot of older people, so larger text size is an issue.

This is the site I'm currently working on: www.saloncirino.com. (The photos are just placeholders for now.)

Any help would be greatly appreciated -- even though I've used Dreamweaver for a few years, this is one of the areas I haven't mastered.
Logged
wektech
Master Jedi
*****
Offline Offline

Posts: 1031



WWW
« Reply #1 on: March 19, 2008, 04:21:48 AM »

Keep in mind that ie7 ctrl scroll magnifies a page while ie6 enlarges the text with the same action.
Logged

cjh
Spaceship Navigator
*****
Offline Offline

Posts: 85


« Reply #2 on: March 19, 2008, 04:53:36 AM »

Keep in mind that ie7 ctrl scroll magnifies a page while ie6 enlarges the text with the same action.

I didn't realize that -- I have ie7.

So, if I can fix the problem in FF, with any luck it will also work in ie6 (that's probably a large amount of wishful thinking).

On the site I linked to above, you can see that I have three boxes on the left. For each one, there's a container layer, enclosing a layer on the left for a photo and one on the right for text. For continuity of design, I need the three boxes to be the same size. If I set the height as auto so they'll expand to accommodate larger text, then everything becomes a different size. I haven't been able to figure out what to do about that.

On other sites I've done, where I have managed to get individual layers to adjust for larger text, I always have the problem of the content overflowing the container layer of the template. The only fix I've found for that is to make the container layer higher than it really needs to be, resulting in a lot of empty space on some pages.

I'm sorry if I haven't explained this very well. I have a fair amount of experience with Dreamweaver, but am not an expert by any means.

I would be grateful for any advice.
Logged
wektech
Master Jedi
*****
Offline Offline

Posts: 1031



WWW
« Reply #3 on: March 19, 2008, 06:40:47 AM »

You might want to try removing the static height settings on the div's and let the divs grow vertically when needed, along with using vertical margins to keep the spacing between divs.
Logged

cjh
Spaceship Navigator
*****
Offline Offline

Posts: 85


« Reply #4 on: March 19, 2008, 10:03:14 AM »

Thanks for the suggestion. The reason I had kept the static heights is that is that I want the three rectangular areas along the left side to be the same size as each other. I'll play around with it and see what happens. I appreciate the response.

Logged
Pages: [1]   Go Up
  Print  
 
Jump to: