5 replies [Last post]
Badass
Offline
newbie
Last seen: 17 years 4 weeks ago
Joined: 2004-08-19
Posts: 9
Points: 0

Hi

Take a look at my page:

http://cms-stu-iis.gre.ac.uk/db810/gsradio/index.htm

Heres the CSS for the page:

http://cms-stu-iis.gre.ac.uk/db810/gsradio/css/layout.css

When I use Mozilla Firefox, I can use the scrollbar on my mouse in conjunction with the 'ctrl' key to increase or decrease the font size of all the text elements of the page. This is for accessibility.

When I do it in Internet Explorer 6, only text elements within CERTAIN containers become bigger or smaller. This is baffling me and I would like to sort this out as most people on the Web use (the non-standards compliant!) Internet Explorer 6!

At the moment, the feature ISNT working for ALL text elements in containers 'navigation, 'content' and 'title_listen', and for all text elements of the container 'adverts except for the headers.

Weird.

Thank you for your help.

briski
briski's picture
Offline
Elder
London
Last seen: 9 years 14 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

Internet explorer - how to support accessibility for links?

Firstly the link did not work so I can't really see.

So i'll guess.

In IE if you specify font-size in px units IE won't ley you rezise them.

If you want the text to be resizable in IE you should use either % em when specifying the fintsize.

Other browsers are working because they all allow resizing of all text regardless of the unit used.

So it's my guess that you have some text elements that are sized in px (the non resizing ones) and some that are not (the ones that change in IE)

Hope that helps.

Badass
Offline
newbie
Last seen: 17 years 4 weeks ago
Joined: 2004-08-19
Posts: 9
Points: 0

Internet explorer - how to support accessibility for links?

Sorry about that - the link works now

I have changede it.

You can also access it here: www.gsradio.co.uk

Badass
Offline
newbie
Last seen: 17 years 4 weeks ago
Joined: 2004-08-19
Posts: 9
Points: 0

Internet explorer - how to support accessibility for links?

briski wrote:
So it's my guess that you have some text elements that are sized in px (the non resizing ones) and some that are not (the ones that change in IE).

All my font sizes are in px.

briski
briski's picture
Offline
Elder
London
Last seen: 9 years 14 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

Internet explorer - how to support accessibility for links?

Indeed they are, and thus IE does not resize any of the text that you have specified font-sizes for.

However to answer why some of the text does resize, it's cause you have not specified anything so it is using the default sizes which are not fixed font.

I.E. your

<div id="title_middle"> 
 <h1>NOW ON AIR:</h1>
</div>

is not styled at all other than to refedine the font used

h1, h5 		
{
	font-family: Verdana, Arial Helvetica, sans-serif;
}

There is nothing in there to redefind the font-size so it uses the standard h1 size, which is resizable. hence your seeing some elements working.

In order to get the content working for example change

		
#content
{
	margin:0 220px 0 170px;
	font-size: 12px;
	background-color:#A29790;
}

to maybe

		
#content
{
	margin:0 220px 0 170px;
	font-size: 77%;
	background-color:#A29790;
}

play around with the variable sizes to get one that quits your needs at the madium setting.

Personally I prefer to have

body
{
	font-family: verdana, arial, lucida, arial, helvetica, sans-serif;
	font-size: 77%;
}

and then use em's in the rest of my styles

		
#content
{
	margin:0 220px 0 170px;
	font-size: 1em;
	background-color:#A29790;
}

Badass
Offline
newbie
Last seen: 17 years 4 weeks ago
Joined: 2004-08-19
Posts: 9
Points: 0

Internet explorer - how to support accessibility for links?

briski wrote:
Personally I prefer to have
body
{
	font-family: verdana, arial, lucida, arial, helvetica, sans-serif;
	font-size: 77%;
}

and then use em's in the rest of my styles

		
#content
{
	margin:0 220px 0 170px;
	font-size: 1em;
	background-color:#A29790;
}

Why do you use em for the containers and percentage for the body? Im aiming to optimise my site for a screen resolution of 800x600 so whats the best sizes to use in your opinion?