Hello Bill
I currently use 100% on multiple divs, and, apparently, this works in
IE6 Quirks mode
When you say, "works in Quirks mode," do you mean "operates" in quirks
mode, or "functions" in quirks mode? Because "operates," I would
believe. But "functions" is misleading, because what do you mean by
"works?" You don't know *what* you're going to get with a different box
model (and you're setting margins and padding all over the place).
(I DO state I used transitional, and why.)
I missed seeing your rationale for this. Is your reasoning that these
pages are so ancient and numerous, you haven't gone STRICT yet?
However,
since it IS CSS, can anyone tell me which div (outer or inner or both)
should be defined differently and how? My full page div (container) is
defined as 100% wide, and a number of internal divs are defined at 100%
wide (because they are to take up the width allowed by the container.)
Obviously at least one of those is wrong... Instead of trying to come
up with why FP is bad (especially when it wasn't to blame for the
problem), I'm sure you have run up against this before, somewhere...
How 'bout a clue?
A clue or two is all I can offer you because (1) I'm no expert, not
nearly, and (2) your CSS is so convoluted I don't know what all's going
on. Fortunately I can delete vast chunks of it in the Edit CSS function
of FF Web Developer extension, and localize some likely suspects. YOU
will have to check and test and verify the usefulness of these clues.
I notice:
#full-page { position:absolute; top:10px; left:5px; width: 100%; }
If I get rid of the width:100%, the horizontal scroll bar vanishes.
Further, I notice no other effects. I suspect therefore, you don't need
this at all. Or maybe 90% or something would be better.
But just because the scroll bar is gone doesn't mean that the text is
visible; it's still hanging off the right side of the viewport. So look:
#main-page {
margin-left: 130px;
padding: 5px;
width: 100%;
background-color: #f0fff0;
}
Here, you're saying your want the content to be as wide as the viewport
(or wait, I think I mean _containing block_, but in your case I think
it's pretty much the same). But you've also said to start the 100%-wide
block to start 130 pixels to the right (give or take the 5). So it's no
surprise that the right edge is about 130 pixels off to the right.
You might want to adjust the width and/or margin values accordingly.
I am almost certainly overlooking something. With your opaque CSS and my
lack of experience, there's bound to be something else you ought to look
at too. But at the rates I'm charging you, maybe this is good enough. ;-)
I'm VERY loathe to ask, because then someone, I'm sure, will complain
about my HTML or CSS, but, to fix the problem, I need answers.
Well, I'm not the guy to point out all the bad things in either part,
but in summary, I can't easily read and understand your code. Maybe
*you* know what .hbbqrff, .hbbqrffw, and #wntbl ol ol ol all mean, but I
certainly can't tell what styles are cascading and inheriting on your
page. I'm sure both your HTML and CSS could be much simpler, you'd then
have fewer problems with it, and whatever problems you did have would be
quicker to understand and solve.
As for the warnings about the background colors, can
you explain why anything but "transparent" would be needed? And why
it's necessary at all?
Ohh! Ohh! Pick me! I *know* this one! er, I think...
Suppose I have set my browser to use a default black background (for
whatever reason), and your site specifies dark green text, and no (i.e.,
your "transparent") background. I see: darkness. A textless muddle of
mud. And as goofy as this example sounds, it's simply that if you're
going to commandeer the foreground (or bg) color, you'd better specify
the background (or fg) color, too. It's so important (and so often
forgotten) that the W3C includes it in the validation.
Thanks, in advance, for any HELP. Believe it or not, I really do
appreciate it.
My pleasure. Hope it helps.