Sent by Felix Miata on 19 July 2006 23:11
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-REMOVED]]
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/
