PDA

View Full Version : When a user makes page larger to read (ALT+)


Parahi
02-28-2008, 08:49 PM
Hello, I am looking for the code for making the page accessible to users when a user uses the ALT+ keys to make the text and page larger for them to read.
thank you
Parahi

domedia
02-28-2008, 11:36 PM
Hi Parahi, accessible how? The browser will make the font larger by ALT+ so it's already taken care of.

Parahi
02-28-2008, 11:57 PM
Hi Domedia, for a sight impaired person, ALT + makes it larger but runs over my footer. It doesn't enlarge the whole page. Is there any coding that makes the whole page enlarge..
thank you Parahi

chriskq
02-29-2008, 04:40 AM
only if you are using a fluid-based css layout and using percentages as your widths.

if your site is a fixed sized (width), then no increasing the text will not expand your page structure

domedia
02-29-2008, 03:22 PM
It runs over your footer because you're site is not made to deal with different font sizes.

Parahi
02-29-2008, 05:58 PM
Thanks Domedia and Chrisq.. so if I take the width or the heighth out of all the CSS. then the site should flow when someone decides to use the ALT + keys.. Paula

domedia
02-29-2008, 06:26 PM
Thanks Domedia and Chrisq.. so if I take the width or the heighth out of all the CSS. then the site should flow when someone decides to use the ALT + keys.. Paula That completely depends on how you made your website, which is still a big mystery ;-)

Parahi
03-09-2008, 12:04 AM
Hello Domedia, everyone..

I have jsut been able to get back to the forum. My website is:
http://www.thegardenshow.co.nz/ If you alt + the page then you will see it running over the footer and container, you will see what I mean.

Obviously if you view source then you get my code for the page, please don't laugh at my coding and CSS, I do try hard and I know you all are web savy. I have worked hard give me credit for that. Paula


/* HOME- Container and Footer Lengths to fit each page/ Columns for */
#container_home { position:absolute; left:0px; top:0px; font-size: 14.5px; width:799px; border: 2px solid #CCFF99; /*height:641px;*/ height: 100%; }
#footer_home { position:absolute; left:0px; top:608px; width:800px; height:37px; font-size: 11px; background-color: #99CC66;
color: #003300; }
#column_welcome_home { position:absolute; left:150px; top:310px; width:275px; z-index:1; text-align:left; font-family:Geneva, Arial, Helvetica, sans-serif; color:#003300; font-size:14.5px; height: 100%;}
#column_welcome_news { position:absolute; left:340px; top:310px; width:200px; /*height:240px;*/ height: 100%; z-index:1; text-align:left;font-family:Geneva, Arial, Helvetica, sans-serif; color:#003300; font-size:14.5px;}
#column_registration_home { position:absolute; left:485px; top:310px; width:275px; /*height:240px;*/ height: 100%; z-index:2; text-align:left; font-family:Geneva, Arial, Helvetica, sans-serif; color:#003300; font-size:14.5px;}
#column_left_home {position:absolute;left:310px; top:350px; width:2px; height:170px; z-index:3; background-color: #C4FF87; border: 1px none #000000;}
#column_center_home {position:absolute; left:450px; top:350px; width:2px; height:170px; z-index:3; background-color: #C4FF87; border: 1px none #000000;}
#column_right_home {position:absolute;left:550px; top:350px; width:2px; height:170px; z-index:3; background-color: #C4FF87; border: 1px none #000000;}

liquidmonkey
03-27-2008, 09:56 AM
i've seen some sites using -- em -- instead of -- px -- as the em is a percentage of your current font size.

i think thats right?

domedia
03-27-2008, 01:56 PM
Kinda :)
You got the principle right though; em is a relative size and px is an absolute size.

Parahi
03-28-2008, 12:59 AM
Hi Liquid monkey, I got lazy instead of putting em's in but most browsers can handle px now apparently but you see odd ones like Safari where it jsut explodes over the end.. thanks.. I notice alot of sites don't use em's anymore but its probably good to use them.. Paula

d a v e
03-28-2008, 12:19 PM
ie6 won't resize if you only use px...