Another “sidebar not showing properly in IE” question

  • Hello all:

    Using WP 2.8.5. My first attempt at customizing my WP theme to match my web pages, and need a little help please. I searched the group posts, but as this is I’m guessing a XHTML or CSS markup issue (I’m fairly proficient but listen with open ears) working with PHP (which I have very little understanding of) I’m posting here.

    As a tutorial, I worked with Jonathan Wold’s method I found at; https://jonathanwold.com/tutorials/wordpress_theme/ which detailed pretty well how to do do that starting with the Kubrick theme.

    My problem is, the blog looks fine in Mozilla browsers and Safari, but of course IE (6) is not displaying the “sidebar” div properly in the individual blog pages (displays properly in the main blog, category and archive pages). You can see it at https://reynolds-marketing.com/blog. An example page is: https://reynolds-marketing.com/blog/2009/10/22/space-between-paragraph-test/ Also, as you can see, the “comments” area looks to be outside the correct div as well.

    My method was to change the single.php code, and of course the style.css.

    One further question – does a carriage return when working with WP not put spaces between paragraphs, and if not what is the solution?

    Please let me know if you need me to post any code. TIA for any suggestions!

Viewing 13 replies - 1 through 13 (of 13 total)

  • If you only have display issues with one template page – single.php – then compare that basic code to the code in the theme files that do work OK in IE6, like category.php and archive.php

    If that doesn’t work, you might need a style sheet just for IE6 as a last resort.

    Use the W3C validation service to check your code, too.

    One other big problem is your bloganimation.gif is 5 megs. That will take 10 minutes to download over a modem, and it took 30 seconds on my 1 meg broadband connection.

    murman,

    I don’t know the answer to your first question. However, the carriage return problem seems to be pretty common for me. Inserting a
    into the html should do the trick ??

    Otherwise, change the line spacing in css..

    Sam

    Thread Starter murman

    (@murman)

    Thank you both for your responses. Songdogtech – I did

    then compare that basic code to the code in the theme files that do work OK in IE6, like category.php and archive.php

    but since I am unfamiliar with PHP I don’t know where the HTML/CSS is incorrect, if that makes any sense. Basically, I don’t know if I am missing/misplaced a closing </div> tag since I don’t know how PHP is structured. Yes, the animation is large, and I need and will fix, sorry for the delays.

    Samueldiener – you said”

    don’t know the answer to your first question. However, the carriage return problem seems to be pretty common for me. Inserting a
    into the html should do the trick ??

    but the inserting a ___ kind of dropped out in the post, would that be a
    tag?

    Thanks again all!

    Thread Starter murman

    (@murman)

    Does everyone that uses WP experience the “no space between paragraphs” issue or is this possibly something I did when changing the coding?

    It might be the <h6 align="right"><a href="https://reynolds-marketing.com/blog"><em>

    Take out the align="right"; you have to do that in CSS, not html.

    if not, carefully compare PHP code in your theme files.

    samueldiener didn’t escape the code in his post. Try an extra <p></p> in your posts, or what I do is make spacers as such: in your post, put
    <p class="spacer" /> (or spacer2 or spacer3) after a paragraph, and in your style.css:

    .spacer
{
margin: 10px 0 0 0px;
}

.spacer2
{
margin: 20px 0 0 0;
}

.spacer3
{
margin: 30px 0 0 0;
}

    Thread Starter murman

    (@murman)

    Thank you! Will try and report back.

    Thread Starter murman

    (@murman)

    OK, I’m back! Tried the

    It might be the <h6 align=”right”>

    Take out the align=”right”; you have to do that in CSS, not html.
    but realized I had put that html only into the single.php and was not referenced to any CSS, so it did not make a difference to remove it.

    I also checked the original “Default/Kubrick” theme, and realized that the single.php pages eliminated the side-bar, so maybe if I re-phrased my question it might help.

    “How do I add a similar sidebar that exists on all other pages of the default/Kubrick theme to the single.php pages?

    Thanks again for your consideration and help.

    https://quirm.net/2009/10/03/customising-the-default-wordpress-theme-1/

    Esmi has the answer!

    Thread Starter murman

    (@murman)

    Thank you both very much – now I have another problem – wanted to test in the default theme but it is not showing up in my WP/admin/themes? Give me some time to resolve it, and I’ll report back!

    Activate another theme for a moment and then switch back; usually that works.

    Thread Starter murman

    (@murman)

    Thanks – I believe the trouble started when I downloaded another theme and activated it. I’ve since trashed that, and reinstalled the default theme from my original WP download and that did the trick.

    I’m now realizing that the HTML and CSS provided in the tutorial don’t match the code in the current default (Kubrick) files. I’m going to go back to square 1 using the current files and only mess with the text and header formatting and see if I can get ‘er going that way. There must be some code within my single.php I’ve been working with that isn’t matching up right, and I need to clean it up anyway.

    Thank you all so much for your help, and I’ll try to get back to you ASAP with my results, but I now know that esmi’s suggestion works and I need to keep it simple stupid and get back to that point.

    Any and all suggestions/comments always welcomed!

    Thread Starter murman

    (@murman)

    I’m backkkk. Finally had a chance to get back to this project. I started over from scratch, using the tutorial found here:https://www.webdesignerwall.com/tutorials/building-custom-wordpress-theme/ which I found very comprehensive and more up to date that the previous one I used. Anyway, it all works fine now, EXCEPT…

    Looks fine in IE 6 but when viewing in Mozilla and Safari there is a space between the horizontal menu and the header. You can see it here:
    https://reynolds-marketing.com/blog/.

    Any suggestions very appreciated – almost there!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Another “sidebar not showing properly in IE” question’ is closed to new replies.