View Full Version : Resolved IE 6/7 CSS display issues - not sure how to fix

Nov 21st, 2009, 10:57 PM

I am having trouble fixing an IE 6/7 displayi issue. I am using Joomla and my article headings (h2's) vanish just after the page has loaded. I have a "rounded-corner" effect to display certain articlees.

IE8 and FireFox seem ok, but as usual, IE 6/7 is giving me grief and I can't fix it. The article heading is "GK TEST 1", but it vanishes.

Can anyone shed any light? The article heading is in a H2, and as it is linkable from the front page has a "a" tag also. I have set the H2 backround image to "none" otherwise it picks up the bottom-left rounded corner image.

Nov 22nd, 2009, 01:32 AM
Hello moss2076,
Just scrolling down through your markup and it reminds me of tables.
<div class="page tomroundedcontentsuffix">

<p class="articleinfo">
<span class="modifydate">
Last Upd

Are all those un-named and un-styled divs really needed? (http://www.tyssendesign.com.au/articles/faqs/what-is-divitis/)

Try this to get it to work in IE7 (not sure if that helps in IE6) -

.tomroundedcontentsuffix a {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;

Nov 22nd, 2009, 12:02 PM
Hello moss2076,
Just scrolling down through your markup and it reminds me of tables.[CODE]<div class="page tomroundedcontentsuffix">

It is Joomla which puts the <div><div><div> in the code -

<div class="page<?php echo $this->params->get('pageclass_sfx')?>">
<?php if($this->params->get('pageclass_sfx') == " tomroundedcontentsuffix") { ?>
<?php } ?>

. I've tried removing the /*background-image:none;*/ also, but then the heading picks up the bottom left background image.

Nov 22nd, 2009, 02:08 PM
Update -

I think I have fixed the display issue.

I altered the four rounded divs CSS code from -

.tomroundedcontentsuffix to

Then I removed the background-image:none from the H2 and A tags, and it seems to be ok now in both IE7 and IE6.

Wierd, but it seems ok now :rolleyes: