On 06/07/19 12:42 (GMT-0500) Janet Chang apparently typed:

> In the meantime, I'm also working on fixing a display issue for our main 
> school site. I am trying to set the text width in our content div to only
> go 80% across since at 100% the length per line is uncomfortably long to read.

> I've noticed however, that on certain pages that have only a list of links 
> the text is squished in, for example:

> http://www3.law.northwestern.edu/news/newsevents_archive.html
> http://www3.law.northwestern.edu/curriculum/coursecatalog/term.cfm

> This only happens in Firefox, not IE.

> It may be hard to read the source for our pages since the code is pretty 
> messy and not all XHTML/CSS (designed before I came in), but this is the 
> styling I'm trying for the content div:

> #content              {
>       /*margin: 0;*/                  /*old text width*/
>       padding: 10px 10px 5px 20px;
>       margin: 0 auto 10px 0;          /*new text width*/
>       width: 80%;                     /*new text width*/
> }

> Is there something I'm doing wrong or forgot to add?

You'll get the width you want by specifying in characters instead of a %
of some random unknown width. e.g, if you want about 96 characters
maximum overall width, substitute in your #content for 80%, 48em. These
further explain, illustrate and tutor:

http://psychology.wichita.edu/optimalweb/text.htm
http://www.webstyleguide.com/type/lines.html
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.communitymx.com/content/article.cfm?cid=DB750&print=true
-- 
"If you confess with your mouth, 'Jesus is Lord', and believe in
your heart that God raised him from the dead, you will be saved."
                                                Romans 3:23 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to