Unwanted gaps on page in IE6

Question

The site looks fine in
Firefox and IE7, but in IE6 there is a gap to the right of the
header, navigation menu, and footer, and I'm going crazy trying to
find a solution. Here's my code; I hope someone can help me!

Answer 1

That's your CSS. We would need to see the HTML too, as the
answer really
lies there. Can you just upload the page and post a link to
it? That will
allow us to actually see the gaps happen.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"oa2005" <[email protected]> wrote in
message
news:[email protected]...
>
http://www.devilbrownies.com/wip
looks fine in Firefox and IE7, but in IE6
> there is a gap to the right of the header, navigation
menu, and footer,
> and I'm
> going crazy trying to find a solution. Here's my code; I
hope someone can
> help
> me!
>
>
>
> @charset "utf-8";
> body {
> font: 100% Verdana, Arial, Helvetica, sans-serif;
> margin: 0; /* it's good practice to zero the margin and
padding of the
> body
> element to account for differing browser defaults */
> padding: 0;
> text-align: center; /* this centers the container in IE
5* browsers. The
> text
> is then set to the left aligned default in the
#container selector */
> color: #000000;
> background-color: #663300;
> }
> .oneColFixCtrHdr #container {
> width: 780px;
> text-align: left; /* this overrides the text-align:
center on the body
> element. */
> background-color: #FFFFCC;
> margin-top: 0;
> margin-right: auto;
> margin-bottom: 0;
> margin-left: auto;
> }
> .oneColFixCtrHdr #header {
> background-repeat: no-repeat;
> padding-top: 0;
> padding-bottom: 0;
> height: 190px;
> background-image: url(../images/header7.gif);
> }
> .oneColFixCtrHdr #header h1 {
> color: #D67F3A;
> }
> .oneColFixCtrHdr #contact {
> font-size: small;
> font-weight: bold;
> color: #660000;
> margin-top: 110px;
> margin-right: auto;
> margin-bottom: 0;
> margin-left: auto;
> padding: 0;
> }
> .oneColFixCtrHdr #contact a {
> color: #66002C;
> text-decoration: none;
> }
>
>
>
>
> .oneColFixCtrHdr #mainContent {
> padding-top: 50px;
> padding-right: 20px;
> padding-bottom: 0;
> padding-left: 20px;
> }
> .oneColFixCtrHdr #mainContent h1 {
> font-family: Georgia, "Times New Roman", Times, serif;
> color: #B35900;
> font-size: large;
> }
> .oneColFixCtrHdr #mainContent h2 {
> font-family: Georgia, "Times New Roman", Times, serif;
> font-weight: bold;
> color: #B35900;
> font-size: medium;
> }
>
>
> .oneColFixCtrHdr #mainContent p {
> line-height: 1.25em;
> color: #660000;
> font-family: Georgia, "Times New Roman", Times, serif;
> }
> .oneColFixCtrHdr #mainContent a {
> color: #B35900;
> }
> .oneColFixCtrHdr #mainContent strong {
> color: #B35900;
> }
>
>
>
> .oneColFixCtrHdr #footer {
> padding: 0 10px;
> background-color: #9B5720;
> }
> .oneColFixCtrHdr #footer p {
> margin: 0; /* zeroing the margins of the first element
in the footer will
> avoid the possibility of margin collapse - a space
between divs */
> padding: 10px 0; /* padding on this element will create
space, just as
> the
> the margin would have, without the margin collapse issue
> font-size: x-small;
> color: #FFFFCC;
> text-align: center;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> }
> .oneColFixCtrHdr #footer a {
> font-weight: bold;
> color: #FFFFCC;
> text-decoration: none;
> }
>