Fork me on GitHub

[Blanktheme] : Layout perfect exept in IE7  Bottom

  • Hello

    I have used BlankTheme to create http://www.frisktigers.no. The page renders well in Firefox, Chrome etc, but in IE7 the layout is suddenly centered as opposed to the left +15px alignment it was meant to have (as one can see using Firefox or another decent browser).

    Not being an expert in how the IE fixes in CSS are done; I was wondering whether anyone could give me a hint as where to look in the BlankTheme .css files to fix this?

    BTW: keep up the great work on BlankTheme!

    Regards

    Tor



    edited by: tneple, Nov 23, 2008 - 04:03 AM
  • Hi Tor!
    Nice use of BlankTheme icon_smile

    I wonder if it can be an HTML problem. In the past, a non-closed <center> tag mess the IE text-align of all the site. Discover that took a good time icon_razz So, please validate your site with http://validator.w3.org/ and fix the XHTML errors. Mostly XHTML details like close some tags (IMG, BR, LINK) with /> instead just >, and some unclosed tags there.

    With XHTML errors is hard to say what's causing the problem icon_confused

    Glad you like BlankTheme icon_cool
    good luck!

    --
    - Mateo T. -
    Mis principios... son mis fines
  • Thanks

    Apparently the IE users are happy with having the design centered, so I think I just might let it be for now.

    BTW, could the

    Code

    /* Centering layout in old IE-versions */
      body {
        text-align: center;
      }


    snippet of basemod.css be the cause of this?

    Regards

    Tor
  • Nice site icon_smile Great.

    minor remark on the menu, in IE6 the sublevel menu is a little bit too low. This is because you reduced the height of the menu, but the offset for IE6 needs to be adjusted too. For modern browsers it was already adjusted icon_wink
    if you reduce the top:xx values in the following code for IE6 also with 5px then it should be ok I think.

    Code

    /* make the second level visible when hover on first level link and position it */
    .cssplay_drop li a:hover ul {
      visibility:visible;
      left:-30px;
      top:18px;
      lef\t:-31px;
      to\p:19px;
    }


    And in IE6 the page in centered as well. But no worries, looks perfectly fine to me icon_smile

    --
    campertoday.nl, Module development, Dutch Zikula Community

This list is based on users active over the last 60 minutes.