Yellow Bar showing in IE7

Hey all,

I'm getting a weird problem in IE7 and just cannot figure out how to solve it.
My website is www.overman.info, and my IE7 problem can be viewed at
http://www.overman.info/Images/Global/Example1.jpg.

I fixed the double bar problem shown in the example picture, but in the far
left sidebar there is a yellow space of about 30 pixels or so that I cannot
figure out how to get rid of.

Please help! My site launches July 18th, and this is one of the few hangups,
but I really fear this one...Evreything I have tried so far has failed.

Thanks

I'm going to take a shot at this...

In your CSS definitions for sidebar1, you have the background color set
to #FFFF00 (which is the yellow color). And, the first thing in that div
is <h3>Featured Content: OverForums</h3> - you zeroed it out in the CSS
for the <h4> tags, but not for the <h3> tags.

Try adding this:

..twoColFixLtHdr #sidebar1 h3 {
margin: 0;
padding: 0;
}

and see if that gets rid of that yellow bar at the top.

--

Virginia Carter
Carolina Web Creations
======================
www.carolinawebcreations.biz

www.overman.info wrote:

Hey all,

I'm getting a weird problem in IE7 and just cannot figure out how to solve it.
My website is www.overman.info, and my IE7 problem can be viewed at
http://www.overman.info/Images/Global/Example1.jpg.

I fixed the double bar problem shown in the example picture, but in the far
left sidebar there is a yellow space of about 30 pixels or so that I cannot
figure out how to get rid of.

Please help! My site launches July 18th, and this is one of the few hangups,
but I really fear this one...Evreything I have tried so far has failed.

Thanks

Blah.

Sorry, that's backwards. Zero out the margin/padding for <h4>, just like
you did for <h3>.

--

Virginia Carter
Carolina Web Creations
======================
www.carolinawebcreations.biz

Virginia Carter wrote:

I'm going to take a shot at this...

In your CSS definitions for sidebar1, you have the background color set
to #FFFF00 (which is the yellow color). And, the first thing in that div
is <h3>Featured Content: OverForums</h3> - you zeroed it out in the CSS
for the <h4> tags, but not for the <h3> tags.

Try adding this:

.twoColFixLtHdr #sidebar1 h3 {
margin: 0;
padding: 0;
}

and see if that gets rid of that yellow bar at the top.

Thanks for trying! No dice though....

The yellow bar remains...

Any other suggestions?

Ok, you have this:

..twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 175px;
background-color: #FFFF00;
height: 100px;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
white-space: normal;
visibility: visible;
margin: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
padding-top: 0px;
position: relative;
}

The height is set to 100px - which appears to be the height of the red
area with <h3> plus the yellow bar area that's showing in IE.

Try removing the height.

--

Virginia Carter
Carolina Web Creations
======================
www.carolinawebcreations.biz

www.overman.info wrote:

Thanks for trying! No dice though....

The yellow bar remains...

Any other suggestions?

And that CSS is pretty voluminous. Try changing it to this -

..twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 175px;
background-color: #FFFF00;
height: 100px;
margin: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
padding-top: 0px;
position: relative;
}

I'd love to help more, but that music has no OFF BUTTON!

--
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
==================


"Virginia Carter" <vcarter (AT) carolinawebcreations (DOT) biz> wrote

Ok, you have this:

.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 175px;
background-color: #FFFF00;
height: 100px;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
white-space: normal;
visibility: visible;
margin: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
padding-top: 0px;
position: relative;
}

The height is set to 100px - which appears to be the height of the red
area with <h3> plus the yellow bar area that's showing in IE.

Try removing the height.

--

Virginia Carter
Carolina Web Creations
======================
www.carolinawebcreations.biz

www.overman.info wrote:
Thanks for trying! No dice though....

The yellow bar remains...

Any other suggestions?