WordPress.org

Ready to get started?Download WordPress

Forums

z-index issue with twentyeleven using the article tag (2 posts)

  1. PHoward188
    Member
    Posted 2 years ago #

    Hi I have some css3 and html5 that shows some text on a notepad with pages behind see http://www.sich.co.uk/learning/index.html. When this is put into my wordpress homepage it does not work.

    The problem appears to be with the z-index and should be solved by putting in a high z-index no in the article.notepad however if I do this on the test page or in wordpress site it fails.

    I have been banging my head against a brick wall on this one. Any help form all you WordPress, CSS3 & html5 gurus would be appreciated. Below is the source html and then the CSS. it is exactly the same code in the wordpress site.

    [Code & CSS moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  2. sjsperry
    Member
    Posted 1 year ago #

    I was having this same problem.

    My article tag looks like this:

    <article class="post-9 page type-page status-publish hentry" id="post-9">
    </article>

    After a process of elimination, the offending class in IE7 was "hentry".

    My fix was to remove hentry from a couple of places in style.css. I can't tell you why it works because there doesn't seem to be any reason (z-index, strange comments, strange styling).

    .hentry,
    .no-results {
    	margin: 0 0 1.625em;
    	padding: 0 0 1.625em;
    	position: relative;
    }
    .hentry:last-child,
    .no-results {
    	border-bottom: none;
    }

    To this:

    .no-results {
    	margin: 0 0 1.625em;
    	padding: 0 0 1.625em;
    	position: relative;
    }
    .no-results {
    	border-bottom: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic