13 replies
  • WEB DESIGN
  • |
Hello, I have been working on my Wordpress blog for a while now trying like crazy to figure out why my right sidebar slips down to the center of the page on the "post page" or the single page post in IE.

Everything looks fine in Firefox but not in IE.

Could someone just take a quick look and see. I'm sure it's something obvious but you know how that goes when you start seeing double from looking at code all day you tend to overlook something minor.

Thanks
#give
  • Profile picture of the author nontemplates
    Where is it located. Sounds like something simple in the CSS. Does the design use conditional CSS references for IE?
    {{ DiscussionBoard.errors[1033702].message }}
  • Profile picture of the author nontemplates
    Yeah. The reason its in the center is that you have a right float on the sidebar. Usually its to the left so its more common to see it there when the values are off on width. margin. padding etc. I am finishing off something now but can send you the correcct CSS in about 10-20 minutes. Easiest way to do this is just add a conditional statement to the CSS reference that makes it load a different file for IE leaving the render you are getting in Firefox alone.
    {{ DiscussionBoard.errors[1033756].message }}
    • Profile picture of the author Matt Bard
      Originally Posted by nontemplates View Post

      ...but can send you the correcct CSS in about 10-20 minutes.
      Wow, thank you so much. You are a life saver.

      I owe you one, or two

      Thank you

      Matt
      {{ DiscussionBoard.errors[1033785].message }}
  • Profile picture of the author nontemplates
    Tracking it down. Did you make any changes to the pages.php file? hard to see just based on the HTML source I get from the browser. want to eliminate a div that is either open or prematurely closed. Sometimes firefox does a better job at understanding the error than IE.
    {{ DiscussionBoard.errors[1033856].message }}
  • Profile picture of the author Matt Bard
    Yes. But don't remember exactly. I know there were some hidden ads on right before the sidebars.

    I got rid of the left sidebar on the main index php and the page php
    Then I added the leftover space to the main content. It went from 500 to 66o

    That's probably where I left a div open.

    Hard for me to tell anymore.

    Should I just reinstall the theme and then carefully remove the left sidebar and readjust the space in the main content?

    I will probably still need an IE css
    {{ DiscussionBoard.errors[1033873].message }}
  • Profile picture of the author nontemplates
    You in fact might not need one. I don't think you have to install the theme all over again just replace the pages.php file and try again paying special care to divs. I don't think this is a css issue primarily but an open div. I can't dig into it too much from this side but it would appear on a quick look that IE is interpreting the sidebar as being within the contentleft div (that holds your page text etc) while on your index.php file it is properly seeing it as within your #content div. (the holder for the entire content and sidebar div.) Hope that makes sense and leads you to find the issue.

    Like I said harder to track it all down form just the source.HTML viewed in the browser but if I get a few more minutes before I have to head out I will see.
    {{ DiscussionBoard.errors[1033922].message }}
  • Profile picture of the author Matt Bard
    Makes sense and will do the pages replace.

    Thank you so much.

    Matt
    {{ DiscussionBoard.errors[1033930].message }}
  • Profile picture of the author nontemplates
    OR !!

    Get rid of this line - Its where your social bookmarks div is defined. It won't look like this in your php file since I can only see the output source in my browser =


    <div style="width: 295px"><a rel="nofollow" onclick="javascript:window.open('http://del.icio.us/post?url=http%3A%2F%2Fulcradio.com%2Fabout%2F&titl e=About'); return false;" href="http://www.delicious.com/" title="delicious"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/delicious.gif" alt="delicious" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://digg.com/submit?phase=2&url=http%3A%2F%2Fulcradio.com%2Fabo ut%2F&title=About'); return false;" href="http://www.digg.com/" title="digg"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/digg.gif" alt="digg" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://reddit.com/submit?url=http%3A%2F%2Fulcradio.com%2Fabout%2F&ti tle=About'); return false;" href="http://www.reddit.com/" title="reddit"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/reddit.gif" alt="reddit" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://www.facebook.com/share.php?u=http%3A%2F%2Fulcradio.com%2Fabout%2F') ; return false;" href="http://www.facebook.com/" title="facebook"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/facebook.gif" alt="facebook" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://technorati.com/faves?add=http%3A%2F%2Fulcradio.com%2Fabout%2F'); return false;" href="http://www.technorati.com/" title="technorati"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/technorati.gif" alt="technorati" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://www.stumbleupon.com/submit?url=http%3A%2F%2Fulcradio.com%2Fabout%2F&ti tle=About'); return false;" href="http://www.stumbleupon.com/" title="stumbleupon"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/stumbleupon.gif" alt="stumbleupon" ></a> | <a rel="nofollow" onclick="javascript:window.open('http://www.savetheurl.com/submit?url=http%3A%2F%2Fulcradio.com%2Fabout%2F'); return false;" href="http://www.savetheurl.com/" title="savetheurl"><img src="http://ulcradio.com/wp-content/plugins/simple-bookmarking/images/savetheurl.gif" alt="savetheurl" ></a</div><p align="left"><a class="tt" href="http://twitter.com/home/?status=About+http://ftmes.th8.us" title="Post to Twitter"><img class="nothumb" src="http://ulcradio.com/wp-content/plugins/tweet-this/icons/tt-twitter.png" alt="Post to Twitter" border="0" /></a> <a class="tt" href="http://twitter.com/home/?status=About+http://ftmes.th8.us" title="Post to Twitter">Tweet This Post</a></p><div style="clear:both;"></div>


    That seems to be the source of the problem. Not a good way of declaring a div. Firefox interprets it but IE does not and leaves you with an open div. When I remove that the sidebar drops right into place.
    {{ DiscussionBoard.errors[1033953].message }}
  • Profile picture of the author Matt Bard
    I just reinstalled the the original 3 column and did not change anything and it it still doing it in IE.

    So yeah that plugin. I have a Social plugin on top of another Social plugin.

    I need to look at those.

    Those are the lines you posted. So I will dump those and test it.
    {{ DiscussionBoard.errors[1033974].message }}
  • Profile picture of the author Matt Bard
    That did it!

    Those plugins you found were the problem.

    Thanks a lot. I was going in circles before you jumped in and helped.

    Now I will go and "carefully" delete the left sidebar and try customizing again.

    Thank you so much

    Matt
    {{ DiscussionBoard.errors[1033986].message }}
  • Profile picture of the author nontemplates
    Glad to be of assistance Matt. Us newbies have to earn our wings
    I'm sure the plugin can be made to work but you'd have to dig into the plugin to see where it calls for that div.
    {{ DiscussionBoard.errors[1034007].message }}
  • Profile picture of the author Harrier
    Good Job nontemplates. Yeah, it's great when we can help each other. We can learn through it also.

    {{ DiscussionBoard.errors[1034068].message }}
  • Profile picture of the author Matt Bard
    Yes I'm looking at the plugins and it's giving me some ideas about modifying some of these.

    I was looking for a social bookmark pluging that I could edit and add the sites I wanted but it's hard to find something that lets you:

    A. add or subtract sites
    and
    B. arrange the layout on the bottom of the post.

    I found one that did both but had a java script that opened the bookmarks when you did a hover. The pre hover graphics looked horrible but I suppose I could go change out all of the graphics on that one

    Well, back to work.

    Matt
    {{ DiscussionBoard.errors[1034213].message }}

Trending Topics