WordPress.org

Ready to get started?Download WordPress

Forums

Codium Extend CSS - sidebar moves in IE (19 posts)

  1. victoriaann
    Member
    Posted 3 years ago #

    Hi there,

    I really hope you clever people can help because I've been tearing my hair out over this...

    http://www.liverpoolblitz70.co.uk based on "codium extend" theme. Built in firefox/safari and all is well. But in IE the whole sidebar jumps to the far right of the page. I know sidebars resting at the bottom of the page is pretty common, but haven't experienced anything like this before.

    Is it a problem with my css coding?

    Would greatly appreciate any help or feedback! Thank you V

  2. vlangin
    Member
    Posted 3 years ago #

    hi victoriaann,
    just ran in the same problem as yours and i realized that you solved the problem.
    Could you please tell me how you solved this issue?

    thx

  3. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    vlangin Pls post a URL.

  4. vlangin
    Member
    Posted 3 years ago #

    hi thx for quick reply,
    here you go:

    http://www.swisstoastmasters.org

  5. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    IN your style sheet there is an entry DIV.sidbar. The float: right setting is moving your side bare in IE7. It is fine in IE8.

    Instead of float you can use margin-left:695px; You will have to play with the number.

  6. vlangin
    Member
    Posted 3 years ago #

    thanks for your support and quick answer kmessinger.
    your solution works fine indeed!

    however, i'd try to go beyond this.. if possible.
    on victoriaann's page http://www.liverpoolblitz70.co.uk
    they didn't have to remove that definition to manage IE7 to handle the sidebar.
    is there a wrapper to put around with a fix / min-width that would help?

  7. vlangin
    Member
    Posted 3 years ago #

    ok, so i got the answer from victoriaann through mail, here it goes:
    " a computer genius friend of mine seemed to be able to fix it by removing clear:right from div#primary so it reads div#primary{}

    The change had no effect in firefox or chrome, but fixed it in IE7 (or IE8 quirks mode)

    for myself, i found a different approach which is the following:
    add change the #wrapper to text-align: right
    remove the float: right from #sidebar
    add text-align : left; to both #wrapper and #sidebar

    it works fine on IE7, firefox & so .. and you get rid of one float which is not bad thing itself.

  8. henri
    Member
    Posted 3 years ago #

    Hi

    Download the last build 1.0.8 it correct this IE bug...

    For the record if you don't want to upgrade the theme :

    In header.php

    just after

    </div><!-- #access -->

    add
    <div class="clear"></div>

  9. vlangin
    Member
    Posted 3 years ago #

    hi henry,
    thanks for the reply and update.
    i guess you are the creator of theme?
    thanks for it, it's a good basis to build a website on it.

  10. henri
    Member
    Posted 3 years ago #

    You're welcome vlangin!

  11. AndyShick
    Member
    Posted 3 years ago #

    Not sure if this the same issue, but the right sidebar and navigation menu keep disappearing when i shorten the browser window. I'm using Firefox, Safari & Chrome to test. I tried the changes that vlangin suggested but have had no luck fixing the issue yet. I'm just confused by the steps that says to add 'text-align : left; to both #wrapper' when the first says to switch it to the right.

    Love the theme btw! The site i'm working on is http://www.storageatbudget.com. And I appreciate any help you give me. Thanks!

  12. henri
    Member
    Posted 3 years ago #

    Hi AndyShick it's normal it's the hack for ipad and mobile phone ;) so when you resize the browser window and when you reach 900px you switch on the mobile version.

    If you want to remove the mobile hack just erase /* Mobile and handheld */ in the style.css

    test the function here : http://www.code-2-reduction.fr/codiumextendpreview/

  13. AndyShick
    Member
    Posted 3 years ago #

    Whoa, thanks for the quick reply! I removed that code and it works perfectly now. You rock, Henri!

  14. henri
    Member
    Posted 3 years ago #

    It's because I write the theme so I know quite well ;)

  15. mr.lexus
    Member
    Posted 3 years ago #

    Hi Henri!

    Your Codium Extend is awesome! Great job, thanks!
    I have one question. How can I disable mobile version of the site?
    I need normal version on iPad with all nav menus and the sidebar. It's very important!

    Thank you for the help!

  16. henri
    Member
    Posted 3 years ago #

    Hi mr.lexus open the style.css and remove
    /* Mobile and handheld */

  17. mr.lexus
    Member
    Posted 3 years ago #

    Hi Henri,

    Thanks for the answer.
    I removed this section and uploaded new css to the ftp. I cleaned cache but doesn't work. The page is displayed as before with no main navigation and the sidebar.

  18. mr.lexus
    Member
    Posted 3 years ago #

    Right now the last section in CSS is:

    /*definition*/
    dt {clear: both;width: 20%;float: left;padding-right: 5px;font-weight: bold;text-align: left;}
    dd {float: left;width: 78%;margin: 0 0 0.5em 0.25em;padding: 0;}

    I found in css in /* Page navigation */ section:
    .navigation_mobile{display:none}

  19. mr.lexus
    Member
    Posted 3 years ago #

    Hi Henri,

    Thanks! It works! :)

Topic Closed

This topic has been closed to new replies.

About this Topic