At 05:52 PM 7/19/2006, you wrote: >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. > >Felix Miata *** http://mrmazda.no-ip.com/
I tried subbing ems for the percentage and it fixed the width problem on the list of link pages. However, it ended up creating problems on pages where we have a blue box on the right side of the page. The box should stay flush with the left side of the content, but when using ems, it shifts to the right even though the blue box is in a separate "calendar" div not contained in the "content" div: Screenshot of page using ems: http://www3.law.northwestern.edu/registrar/facultyscreenshot_em.png Screenshot of page using %: http://www3.law.northwestern.edu/registrar/facultyscreenshot_percent.png (this is what the page should look like) ______________________________________________________________________ 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/
