Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • AFescape Friend
    #121048

    Hi,

    There are many unanswered posts about the module borders (the thin grey lines) breaking or not displaying correctly. I have previously posted this problem but not received any response.

    This issues I am having are…

    If I open my site home page at http://www.landmarkpi.com on a large screen (for example 19″ monitor) where the whole page can be displayed top to bottom there is no issue.

    But…

    If I open the page on say a laptop where only the top half of the page will display on loading when I scrol down the page there will be parts of the boarder missing. The parts missing are on the bottom part of the page that is not shown when the page loads.

    If I scrol down the page and then refresh the page the missing bit of border will appear and all is OK.

    Therefore if you want to see what I see open the page on a laptop where only the top half of the page is shown on load then scrol down the page.

    Firefox does not have this problem but IE6 and IE7 do. This would indicated that there is an issue with the way the CSS is handling the display of the borders.

    I am sure it would be appreciated by many people if the developers could review this issue and advise of a fix.

    Thanks
    🙂

    AFescape Friend
    #223730

    It is really dissapointing that a commercial organisation appears unable to provide support for its own products. This issue of broken module borders has been posted by a number of people but the developers of the templates have not posted one acknowledgement of the issue or offered any possible ideas as to a solution.

    What do we need to do to get some response to this issue.?!?

    instantinlaw Friend
    #223733

    Try using a <div> instead of a <p> in your custom code.

    AFescape Friend
    #223823

    Thanks for the reply instantinlaw but could you be a little more specific as to your meaning of custom code as I have not made any changes as to how the module borders are presented.

    Thanks

    ShannonN Friend
    #223826

    AFescape;20416Thanks for the reply instantinlaw but could you be a little more specific as to your meaning of custom code as I have not made any changes as to how the module borders are presented.

    Thanks

    I see the right column breaking in IE7 when you shrink the page in width due to the inclusion of the graphics in the right panel they are too big when the field is resized

    that is the ‘custom code I think Bill is referring too, meaning the customisation you did re content? make the images smaller in width and try again the column is a certain width governed by css and css positioning check the width etc etc but in general I feel if you reduce the size of the content it will shrink ok, mind you its never going to work past a certain point even fluid sites have a bottom line limit to how small they go before breaking
    Hope this helps
    ShannonN

    instantinlaw Friend
    #223830

    ShannonN;20420I see the right column breaking in IE7 when you shrink the page in width due to the inclusion of the graphics in the right panel they are too big when the field is resized

    that is the ‘custom code I think Bill is referring too, meaning the customisation you did re content? make the images smaller in width and try again the column is a certain width governed by css and css positioning check the width etc etc but in general I feel if you reduce the size of the content it will shrink ok, mind you its never going to work past a certain point even fluid sites have a bottom line limit to how small they go before breaking
    Hope this helps
    ShannonN

    Hi Shannon,
    Yes that’s exactly what I meant. thanks for clearing that up. 😀

    pdschris Friend
    #273752

    Hi, I had the same problem, it was really winding me up but I think it’s working now.

    When you scroll down the page then back up some of the borders in the right column modules would disappear, as though something white was placed over them – only in IE7 not Firefox so the web developer toolbar was no help finding what was going on – is there something similar for IE that anyone can recommend?

    Anyway, two modules were being used, one is Virtuemart login, the other Virtuemart mini-cart. I tried adding and removing divs, spans, paragraphs, everything, nothing worked.

    So I tried replacing the module css, specifically the part where it resets the div.

    I added overflow:hidden to the main div (as in the more recent joomlart templates which all work fine)

    div.module,
    div.module-default {
    margin: 5px 0 10px;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    background: url(../images/box-br.gif) no-repeat bottom right;
    overflow:hidden;
    }

    and I also changed the resetting div css from this:

    div.module div div div div,
    div.module-default div div div div {
    margin: 0;
    padding: 0;
    background: none;
    float: none;
    }

    to this:

    div.module div div div div,
    div.module-default div div div div {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background:none;
    background-image: none;
    background-position: top left;
    background-repeat: repeat;
    background-color: transparent;
    width:100%;
    }

    I don’t know which bit of the changes made it work but it does. You can scroll up and down and the module borders stay as they should.

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 4 voices, and was last updated by  pdschris 16 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum