I’ve got the same issue, but both on localhost and webhost. I believe it has something to do with the theme we’re using. I’m using pyrmontv2.
I can manipulate the theme style.css so the look and feel is a bit adapted to the theme, but there are some rather weird things happening (like an empty <p>, youtube video is only showing a printed link in stead of embedded player,…)
my online example
this is where it all goes ‘wrong’ 🙂
<div class="entry">
<!-- 3 BIB: using default template from database -->
<p>
<code></code>
</p>
<div class="post1">
<code>
<!-- Post Headline -->
<div class="post-headline">
<!-- Post Body Copy -->
<div class="post-bodycopy clearfix">
<div class="post-comments">
</code>
</div>
<div class="bib_page_nav">
<code>
<span class="bib_prev_link_inactive">«</span>
Page
<a class="bib_page_number bib_selected" "="" style="font-weight:bold;" href="/blog/music/?"> 1</a>
<span class="bib_next_link_inactive">»</span>
</code>
</div>
<p></p>
<p> </p>
<div class="clear"></div>
</div>
<!-- end entry -->
I could change the css for <code > but this will affect all my code tags. What I don’t get is why the <p code> is there before the <div class=”post1″ > ? This last one is the code in the template.
and then there is the <code > tag under post1, but it is not in the template !
Anyone an idea how to solve this?
/* edit: typo’s
I solved my issue. 🙂
Seems by copy/pasting the shortcode into the page there was a <code > tag added. Removing the tags in the html view solved my issue.
Adding some custom css rules to the default stylesheet results in a pretty neat solution !
Thank you, screenager! Your hint concerning the code tag solved my problem as well. It was exactly the same issue.