Hi, I have an IE 6 display issue, believe it or not. Can't for the life of me nail what the problem is, my mind is blank. I'm sure it must be an easy fix though, so grateful for any pointers.

 

Take a look at this in IE7 or FF :

 

<URL removed>

 

The pink heading bar at the top should be fairly thin, if you look at it in IE6, the H1 heading drops and makes the bar double the height.

 

Here are the relevant bits of CSS:

 

#youth-head, #youth-head h1 {
background:#ff4cd3;

}

#youth-head p {
float: right;
margin: 15px 15px 0 0;
color: #fff;
}

 

Sorry if that code snippet doesnt really help, but hopefully you you can view the source and work out whats going on! Sorry!

 

I can't work it out... it always seems to be the little IE6 bugs that get me. EIther that or I'm doing something wrong. Grateful to anyone who can spare a moment to look at this.

 

Cheers

 

rich

Are you using sIFR on that heading?

The heading seems to load ok at first in IE6 then when the javascript kicks in the pink bar becomes too high.

Yes. sIFR is implemented on those headings, and you are right, I also noticed that at first it appears to load correctly, and then drops down. I wonder if its a "sIFR in IE6" issue then.. rather than a normal IE6 issue. hmmm.

Did you manage to get this sorted angstmann?

I'd be interested to hear what your solution was.

Yes. Managed to sort this out eventually. I've had a nightmare day with one thing and another!

 

It wasn't sIFR related as it turns out, just me being a complete CSS newbie as usual. I forgot to left float the containing element and specify a few widths here and there.

 

I'll post the amended code, if it helps :

#youth-head, #youth-head h1 {
float: left;
background:#ff4cd3;
}
#youth-head {
width: 100%;
}

#youth-head p {
float: right;
margin: 15px 15px 0 0;
color: #fff;
}

 

So, just me being a numpty really... I forget as much as I learn when it comes to CSS.

Good stuff, glad to see you got it sorted out

Nice website BTW ;-)

Thanks a lot, I wish I could lay claim to the design. Im just doing the ExpressionEngine implementation and a few layout tweaks though. And a right headache its turning out to be! :/