Loading...
 
Features / Usability

Features / Usability

Forum List Topic List

 
Thread actions
PDF Print this page
  • Print all pages

    • Posted by Xavier de Pedro posts: 1817 Catalan Countries

    Hi Gary (and Roberto):

    Here you have an example from dev.tw.o:
    http://dev.tikiwiki.org/tiki-view_tracker_item.php?itemId=1044&show=view&offset=0&reloff=4&status=op&trackerId=5&sort_mode=f_41_desc&filterfield=54

    I remember a long ago reading somewhere that there was an entry in css to avoid this, through adding a horizontal bar when content attempted to go further to the right than the margin of central column. But I don't remember the trick... (and I have many site where I need to apply it). Moreover, dev.tw.o also needs it :-)

    Link
    Posted by azarober posts: 292

    Hi Xavi Hi Gary!
    Here are the examples
    http://www.ebawords.com/tiki-index.php?page=eBAwords&bl

    http://www.ebawords.com/tiki-index.php?page=Keepaway+Game&bl


    http://www.ebawords.com/tiki-index.php?page=Pick&bl

    only creating a table width 95% with html as here, I can solve the problem...
    http://www.ebawords.com/tiki-index.php?page=Jackson+Phill

    but you recommended me not to use html....

    PS: the problem seems to dissapear if using tikineat style instead of tikipedia.css theme style because of the right columnn ! But I don't want to change the theme style.....

    Link
    Posted by Gary Cunningham-Lee posts: 4656 Japan

    This seems to be a different issue from Roberto's Tikipedia problem. I imagine there is some property for the PHP Layers menu or a div or table containing it that the theme doesn't specify. Maybe this is compounded by the fact that the Twist horizontal menu is placed toward the right side of the page, which might cause problems when the dropdowns try to expand to the right. I'd like to methodically figure out the CSS issues with the different PHP Layers menus as a doc for making themes (if there were just more hours in a day wink ).

    -- Gary

    Link

    Posted by Gary Cunningham-Lee posts: 4656 Japan

    Yes, the problem is due to a setting in the Tikipedia theme. The pages seem to be OK in Firefox and Opera, but I see the problem in Internet Explorer 7. You can edit the tikipedia.css file to reduce the width of the div that contains the main-column text, etc. Search in tikipedia.css for "div#tiki-center". It now has a width of 99.5%. Try reducing this number by several percentage points, and test the result. (Normally both margins and width aren't set for a div; if I were doing that theme now, I'd try to avoid that, and probably will in the next version.)

    If reducing the width percentage makes the page OK in Internet Explorer, but causes the right-side margin to be too wide in other browsers, you can use a trick to give IE its own width and not change the width for other browsers. After the "width: 99.5%;" line, make a new line like "_width: 90%;" or whatever, with an underbar character preceding the word. Only Internet Explorer will accept this as a valid statement and so it alone will display the div with a 90% width rather than 99.5%.

    -- Gary

    Link
    Posted by azarober posts: 292

    Hi !
    In tikipedia.css "div#tiki-center" width: 99.5%" was reduced to 98% solving the problem with IExplorer without any changes nor influence for Firefox, Opera & Netscape.

    As always, thanks a lot for your work !
    Roberto

    PS= I'd tried "make a new line like "_width: 90%;" (after the comments, logically...), cleaned cache, etc... but it doesn't works ...it seems that my explorer is not so intelligent... but the first solution was quick and clean ! Thank you!

    Link