[css-d] Problem with extra white space appearing
Thanks in advance for your consideration and help regarding this issue. I
helped my client purchase and implement a web site template for their new
business. Unfortunately, there is a problem with part of the CSS which
pushes out the content area of the site past the width that it is supposed
to go.
The web site is under development at http://www159.pair.com/ngllc/
As you will see, there is extra white space that pushes out the content of
every page. I've taken a look at the CSS and noticed that if I remove the
background:#fff; from this -- .content{ width:700px;background:#fff;} --
the proper width is maintained but i have a completely black background for
the content area. This pushing happens regardless of any color that I use.
Does anyone know how I can modify the stylesheet so that I can have the
white background in the content area, but have it not push out?
Thanks in advance for any and all assistance with this issue!
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with extra white space appearing
Joe Polk wrote:
Thanks in advance for your consideration and help regarding this
issue. I helped my client purchase and implement a web site
template for their new business. Unfortunately, there is a problem
with part of the CSS which pushes out the content area of the
site past the width that it is supposed to go.
The web site is under development at http://www159.pair.com/ngllc/
As you will see, there is extra white space that pushes out the
content of every page. I've taken a look at the CSS and noticed
that if I remove the background:#fff; from this -- .content{
width:700px;background:#fff;} -- the proper width is maintained but
i have a completely black background for the content area. This
pushing happens regardless of any color that I use.
No, the proper width is not maintained if you take off the background
colour. It is just not visible that it sticks out then.
Also, this problem doesn't happen in Firefox, but only in IE.
Does anyone know how I can modify the stylesheet so that I can have
the white background in the content area, but have it not push out?
I don't have time to take a copy to test locally, but my guess is that
if you take out the first line at the top of the document, the ?xml
line, thins might just fall back into place for IE. Anything that
comes before the doctype, throws IE into quirksmode, where it
calculates margins and widths entirely different than in standards
mode.
Another thing I found: the td that holds the content, has a width
set of 640px. Yet, inside it, is another table with 3 tds, with a
width of 241px each.
That just cannot officially fit :-)
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with extra white space appearing
2009/3/3 Joe Polk josephp...@gmail.com: Thanks in advance for your consideration and help regarding this issue. I helped my client purchase and implement a web site template for their new business. Unfortunately, there is a problem with part of the CSS which pushes out the content area of the site past the width that it is supposed to go. The web site is under development at http://www159.pair.com/ngllc/ Try validating the page. My Tidy says: Result: 0 errorsl / 14 advarsler = Warnings line 17 column 56 - Advarsel: img element not empty or not closed line 44 column 1 - Advarsel: br element not empty or not closed line 44 column 5 - Advarsel: br element not empty or not closed line 46 column 1 - Advarsel: br element not empty or not closed line 46 column 5 - Advarsel: br element not empty or not closed line 49 column 34 - Advarsel: a unexpected or duplicate quote mark line 64 column 17 - Advarsel: br element not empty or not closed line 76 column 18 - Advarsel: br element not empty or not closed line 78 column 17 - Advarsel: discarding unexpected /ul line 90 column 17 - Advarsel: br element not empty or not closed line 107 column 59 - Advarsel: br element not empty or not closed line 107 column 118 - Advarsel: br element not empty or not closed line 108 column 67 - Advarsel: br element not empty or not closed line 48 column 15 - Advarsel: trimming empty p Info: Doctype given is -//W3C//DTD XHTML 1.0 Strict//EN Info: Document content looks like XHTML 1.0 Transitional -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with extra white space appearing
Joe Polk wrote:
The web site is under development at http://www159.pair.com/ngllc/
Does anyone know how I can modify the stylesheet so that I can have
the white background in the content area, but have it not push out?
Add...
table { table-layout: fixed;}
...to prevent expansion beyond declared width.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
