By travischristopher on

For the people using phptemplate i thought i would ask becasue its driving me bonkers.

I've taken the marvin2k template and modified the styles quite a bit, but essentially left the php template mostly the same. I'm wondering if anyone is having as much trouble getting the h2 user block to show up in internet explorer. I thought perhaps i was a rendering bug with the how i.e. prefers "background" to "background-color" but this didn't seem to work. Fire fox renders everything perfect, but i.e. still won't work. Any ideas would be helpful, i think i've been looking at the problem to long and can't see a way around it.

http://www.fame4art.com/arttus

Thanks,
Travis

Comments

adrinux’s picture

adrinux commented

Can you be a bit more descriptive about your problem. What do you mean 'h2 user block'?
The heading in the user block isn't showing?

adrinux
adrinux@ntlworld.com

Adrian Simmons
adrinux@anaath.at

travischristopher’s picture

travischristopher commented

Hi
i was working with an early version of the phptemplate theme. I'm now getting much better results with the 4.4.2 version, it was probably my CSS.
thanks,
Travis

travischristopher’s picture

travischristopher commented

Found a good explination on what was happening

What is it?

It’s another IE bug which is caused by placing a list with a background set within a floated <div> that has been relatively positioned. (IE doesn't mind if you set a background image, a color, or even both; they'll all disappear.) When these conditions are in place IE will display the background incorrectly. With me so far? Here are a couple of screen shots which should make it clearer:

http://www.positioniseverything.net/explorer/ie-listbug.html

Steven’s picture

Steven commented

This is also known as the 'peekaboo bug'. It comes in various flavors... I had tons of encounters with it for this site too (Drupal.org), but the fix was always to set position: relative; on the affected blocks (and their floated containers).

drupal999’s picture

drupal999 commented

This is still a problem that had to be fixed using position: relative; I was using spreadfirefox theme. IE died everytime untill the following change was made.

styles.css

#header ul {
width: auto;
/* position: absolute; */
position: relative;
bottom: 0;
right: 0;
margin: 0;
padding: 0 15px 0 0;
list-style: none;
/* background: url(images/bg_header_bottom_right.gif) no-repeat bottom right; */
z-index: 90; /* below the H1 */
}

Patriciafish’s picture

Patriciafish commented

Here is the thread of my missing tabs in IE: http://drupal.org/node/30366#comment-52402

I had no clue what the problem was until I stumbled on this discussion.

Thanks for posting the attachment travischristopher, the following code worked like magic to fix my box_cleanslate CSS:

ul, ol, dl {
position: relative; }

gkam’s picture

gkam commented

For 'spreadfirefox' theme, which css file should I make the change ?