I'm currently testing a web page that I've developed. The problem that when the text size is modified to the larger sizes then the form starts to look deformed. At the largest setting everything is blown out of kilter. How can I use CSS to control this?
Thanks
CMDThis is one of those difficult issues that you can't really fix. You can design using percentages to allow your page to expand with the font size, but if this is impossible then really speaking you're a bit stuck.
For MSIE you can use
font-size:12px;
to control font size. However, this is not recommended because disabled people who may want the text larger may not be able to read it.
Also there is no real way (as far as I'm aware) to fix this for other browsers.Ok, but when I visit a professional site (i.e my ISP's home page) they seem to be able to limit text size to an exeptable limit. What are they doing differently?
Find me a site that does it and I'll find out. 
I have a global CSS that sets the text to 13px, and when I change the text size on the browser my table breaks apart. If you go to <!-- w --><a class="postlink" href="http://www.fusebox.com">www.fusebox.com</a><!-- w --> they have plain html inside little tables and when you change the text size nothing happens. Something curious about this is that the text appears to have been set as the largest by default. I think that there must be a way to fix it maybe throgh javascript and DOM.Like I said, all FuseBox have done is used font-size:11px;
Test this in IE6 and it doesn't change size. At least, not for me anyway.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
font-size: 8px;
}
-->
</style>
</head>
<body>
<div>
<p>Hello</p>
</div>
</body>
</html>It's the line-height that controls the text at fusebox.could you be a little bit more specific? because I think I am using a fixed value for line-height and still does the same thingI got it wrong here
Use DaveSW's method for all tags, or specific tags
div, span, a, td {font-size:12px;}
or using an id or class.
It only works in IE
Thanks
CMDThis is one of those difficult issues that you can't really fix. You can design using percentages to allow your page to expand with the font size, but if this is impossible then really speaking you're a bit stuck.
For MSIE you can use
font-size:12px;
to control font size. However, this is not recommended because disabled people who may want the text larger may not be able to read it.
Also there is no real way (as far as I'm aware) to fix this for other browsers.Ok, but when I visit a professional site (i.e my ISP's home page) they seem to be able to limit text size to an exeptable limit. What are they doing differently?
Find me a site that does it and I'll find out. I have a global CSS that sets the text to 13px, and when I change the text size on the browser my table breaks apart. If you go to <!-- w --><a class="postlink" href="http://www.fusebox.com">www.fusebox.com</a><!-- w --> they have plain html inside little tables and when you change the text size nothing happens. Something curious about this is that the text appears to have been set as the largest by default. I think that there must be a way to fix it maybe throgh javascript and DOM.Like I said, all FuseBox have done is used font-size:11px;Test this in IE6 and it doesn't change size. At least, not for me anyway.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
font-size: 8px;
}
-->
</style>
</head>
<body>
<div>
<p>Hello</p>
</div>
</body>
</html>It's the line-height that controls the text at fusebox.could you be a little bit more specific? because I think I am using a fixed value for line-height and still does the same thingI got it wrong here
Use DaveSW's method for all tags, or specific tags
div, span, a, td {font-size:12px;}
or using an id or class.
It only works in IE