Web Hosting Forum | Lunarpages
News: April 3, 2008 - New Contest! - Win 5 Years of Hosting and $1,000!
May 5, 2008 - May 08 Web Site of the Month? - Submit your LINKS!!!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 15, 2008, 08:21:03 PM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: Text overflow problem  (Read 755 times)
cjh
Spacescooter Operator
*****
Offline Offline

Posts: 31


« 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
Jabba the Hutt
*****
Offline Offline

Posts: 686


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
Spacescooter Operator
*****
Offline Offline

Posts: 31


« 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
Jabba the Hutt
*****
Offline Offline

Posts: 686


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
Spacescooter Operator
*****
Offline Offline

Posts: 31


« 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:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.3 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM