Re: [css-d] New Member, Help with text resizing:

[Richard Grevers]

On 1/15/06, Richard Grevers <[EMAIL PROTECTED]> wrote:
> I didn't check out the additional IE
> stylesheet, but I doubt if Dan would have implemented em based layout
> for one site only.
Doh! make that one browser!
Oh and the site does offer an alternative, fluid sylesheet, but that
is proportioned according to viewport size, not font size.
--
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[Holly Bergevin]

From: Cory Perry <[EMAIL PROTECTED]>

>Ok, if you go to http://www.simplebits.com/ and you resize the text in 
>either Firefox or in IE by using the options up in the toolbar to make 
>the text smaller or larger, the entire site expands when you do it. On 
>my project, if you resize the text the same way, the text will get 
>larger but the structure of the site does not stretch to make it still 
>look perfect. Does that make sense? So, I am curious to know how this 
>works. Is it by setting everything as percentages rather than a fixed 
>pixel size?

Cory, 

The simplebits style sheet for the fluid page shows that Dan has used 
percentages for widths on layout elements. This means that as you adjust your 
browser width, the size of anything with a percentage width will resize. 

The page still stays within the viewport, however, if you increase the text 
size via browser controls.

If you want /everything/ to grow or shrink proportionately with text-resizing, 
you'll need to use ems for widths and heights, among other things, in addition 
to using them for your text size. Thus, if you set a margin of 1em, it will be 
relative to the user's text size, and if that text size is increased, the 
/visual/ effect would be that the margin appears wider. However, it would still 
equate to 1em based on the newly resized text size.

Here's an article that might provide some information about em-based layouts.

http://www.communitymx.com/abstract.cfm?cid=DB750

I hope that helps,

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[Richard Grevers]

On 1/15/06, Cory Perry <[EMAIL PROTECTED]> wrote:

>
> Ok, if you go to http://www.simplebits.com/ and you resize the text in
> either Firefox or in IE by using the options up in the toolbar to make
> the text smaller or larger, the entire site expands when you do it. On
> my project, if you resize the text the same way, the text will get
> larger but the structure of the site does not stretch to make it still
> look perfect. Does that make sense? So, I am curious to know how this
> works. Is it by setting everything as percentages rather than a fixed
> pixel size?
>
No, percentages for page elements all relate to parent or containing
elements, and eventually to the viewport size itself. A layout which
expands with the user's text size setting would most likely be
expressed in em units. Eric Meyer recently presented papers on this.
However, the simplebits site appears to be laid out in px and doesn't
scale when I change my font size. I didn't check out the additional IE
stylesheet, but I doubt if Dan would have implemented em based layout
for one site only.

--
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[Cory Perry]

Felix Miata wrote:

>Cory Perry wrote:
> 
>  
>
>>I am looking for some info on text resizing. Currently, if you resize
>>the text on a site that I am working on, the text expands but the site
>>does not expand to accomidate this. Is it because I am using a wrapper
>>div that is a fixed size to contain everything? The fonts are all set to
>>em's for sizing.
>>
>>
>
>Fixed widths generally aren't very friendly to any text size other than
>whatever the author assumed during construction.
> 
>  
>
>>I noticed that on http://www.simplebits.com/ (for example) that when you
>>resize the text, the site expands to accomidate it. I am trying to
>>
>>
>
>Looks fixed-width to me. :-p
>
>  
>
>>achieve that same technique. Any help, tips, ideas, or links would be
>>greatly appreciated!
>>
>>
>
>Normally for questions about basic layout type someone would point you
>to http://css-discuss.incutio.com/?page=CssLayouts but fluid layouts
>seem to be a missing option on that page. :-( Have a look at these:
>
>http://mrmazda.no-ip.com/auth/widths-em-v-px.html
>http://mrmazda.no-ip.com/auth/fflinelength.html
>http://mrmazda.no-ip.com/auth/Sites/dlviolin.html
>http://www.digital-web.com/articles/fluid_thinking/
>http://evolt.org/article/Liquid_Design_for_the_Web/20/15177/index.html
>http://www.gunlaug.no/contents/wd_1_01_02.html
>http://www.alistapart.com/articles/dao/
>http://mrmazda.no-ip.com/auth/accessibility.html
>  
>
Let me see if I can explain myself a little better and maybe it will 
help a little.

Ok, if you go to http://www.simplebits.com/ and you resize the text in 
either Firefox or in IE by using the options up in the toolbar to make 
the text smaller or larger, the entire site expands when you do it. On 
my project, if you resize the text the same way, the text will get 
larger but the structure of the site does not stretch to make it still 
look perfect. Does that make sense? So, I am curious to know how this 
works. Is it by setting everything as percentages rather than a fixed 
pixel size?

Cory
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[tedd]

>Hello all, my name is Cory and I am new to the list here!
>
>I am looking for some info on text resizing. Currently, if you resize
>the text on a site that I am working on, the text expands but the site
>does not expand to accomidate this. Is it because I am using a wrapper
>div that is a fixed size to contain everything? The fonts are all set to
>em's for sizing.
>
>I noticed that on http://www.simplebits.com/ (for example) that when you
>resize the text, the site expands to accomidate it. I am trying to
>achieve that same technique. Any help, tips, ideas, or links would be
>greatly appreciated!
>
>Thanks,
>
>Cory

Cory:

Maybe this explanation will help. Please review:

http://www.sperling.com/examples/zoom1/

To expand your site dependant upon zoom levels, you have to tie 
everything to percentages or em's.

tedd
-- 

http://sperling.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[Rahul Gonsalves]

Felix Miata wrote:
> Cory Perry wrote:
>   
>> I noticed that on http://www.simplebits.com/ (for example) that when you
>> resize the text, the site expands to accomidate it. I am trying to
>> 
>
> Looks fixed-width to me. :-p
>   

I missed that one too. I originally replied to Cory, saying the same 
thing, that simplebits uses a fixed-width layout - however, up in the 
top-right hand corner, there is an icon that switches the site to a 
fluid-width (looks like the ALA one, what?).

My apologies for the incorrect information that I originally posted.


Regards,
Rahul.

-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[Felix Miata]

Cory Perry wrote:
 
> I am looking for some info on text resizing. Currently, if you resize
> the text on a site that I am working on, the text expands but the site
> does not expand to accomidate this. Is it because I am using a wrapper
> div that is a fixed size to contain everything? The fonts are all set to
> em's for sizing.

Fixed widths generally aren't very friendly to any text size other than
whatever the author assumed during construction.
 
> I noticed that on http://www.simplebits.com/ (for example) that when you
> resize the text, the site expands to accomidate it. I am trying to

Looks fixed-width to me. :-p

> achieve that same technique. Any help, tips, ideas, or links would be
> greatly appreciated!

Normally for questions about basic layout type someone would point you
to http://css-discuss.incutio.com/?page=CssLayouts but fluid layouts
seem to be a missing option on that page. :-( Have a look at these:

http://mrmazda.no-ip.com/auth/widths-em-v-px.html
http://mrmazda.no-ip.com/auth/fflinelength.html
http://mrmazda.no-ip.com/auth/Sites/dlviolin.html
http://www.digital-web.com/articles/fluid_thinking/
http://evolt.org/article/Liquid_Design_for_the_Web/20/15177/index.html
http://www.gunlaug.no/contents/wd_1_01_02.html
http://www.alistapart.com/articles/dao/
http://mrmazda.no-ip.com/auth/accessibility.html
-- 
"Blessed is the nation whose God is the Lord."Psalm 33:12 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/auth/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New Member, Help with text resizing:

[David Dorward]

On 14/01/06, Cory Perry <[EMAIL PROTECTED]> wrote:
> I am looking for some info on text resizing. Currently, if you resize
> the text on a site that I am working on, the text expands but the site
> does not expand to accomidate this. Is it because I am using a wrapper
> div that is a fixed size to contain everything?

Probably - you haven't provided a URL to demonstrate the issue though,
so its hard to tell.



--
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] New Member, Help with text resizing:

[Cory Perry]

Hello all, my name is Cory and I am new to the list here!

I am looking for some info on text resizing. Currently, if you resize 
the text on a site that I am working on, the text expands but the site 
does not expand to accomidate this. Is it because I am using a wrapper 
div that is a fixed size to contain everything? The fonts are all set to 
em's for sizing.

I noticed that on http://www.simplebits.com/ (for example) that when you 
resize the text, the site expands to accomidate it. I am trying to 
achieve that same technique. Any help, tips, ideas, or links would be 
greatly appreciated!

Thanks,

Cory
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/