z-index issue with twentyeleven using the article tag

  • PHoward188

    (@phoward188)


    11 years, 10 months 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]

Viewing 1 replies (of 1 total)
  • sjsperry

    (@sjsperry)

    11 years 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;
}
Viewing 1 replies (of 1 total)
  • The topic ‘z-index issue with twentyeleven using the article tag’ is closed to new replies.

Tags