Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts

    IE 6/7 CSS display issues - not sure how to fix

    Hello,

    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.

    http://www.tomsspecialreserve.co.uk/...gory&Itemid=61
    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.
    Last edited by moss2076; 11-22-2009 at 02:09 PM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,741
    Thanks
    22
    Thanked 1,837 Times in 1,821 Posts
    Hello moss2076,
    Just scrolling down through your markup and it reminds me of tables.
    Code:
    <div class="page tomroundedcontentsuffix">
        <div><div><div>
    
    
    <p class="articleinfo">
    		<span class="modifydate">
    		Last Upd
    Are all those un-named and un-styled divs really needed?

    Try this to get it to work in IE7 (not sure if that helps in IE6) -
    Code:
    .tomroundedcontentsuffix a {
    /*background-image:none;*/
    	color:#901A1F;
    margin: 10px 0px 0px 0px;
    	padding: 10px 0px 0px 0px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by Excavator View Post
    Hello moss2076,
    Just scrolling down through your markup and it reminds me of tables.[CODE]<div class="page tomroundedcontentsuffix">
    <div><div><div>
    It is Joomla which puts the <div><div><div> in the code -

    PHP Code:
    <div class="page<?php echo $this->params->get('pageclass_sfx')?>">
    <?php if($this->params->get('pageclass_sfx') == " tomroundedcontentsuffix") { ?>
        <div><div><div>
    <?php ?>
    . I've tried removing the /*background-image:none;*/ also, but then the heading picks up the bottom left background image.

  • #4
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Update -

    I think I have fixed the display issue.

    I altered the four rounded divs CSS code from -
    Code:
    .tomroundedcontentsuffix
    to
    Code:
    div.tomroundedcontentsuffix
    .

    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •