Not signed in (Sign In)

Vanilla 1.1.8 is a product of Lussumo. More Information: Documentation, Community Support.

Syntax Highlighting

You can highlight any code you post by wrapping it in the BBCode tags, [code lang="css"]code here[/code]. Other usable lang values are "xml", "html", "xhtml", "css", "js", "javascript", "php", "sql", "python", "py", "ruby", "rb", and "java".

Choose the Format Comments option "SyntaxHighlighter" to use this BBCode. Note that no other BBCode is supported at the moment.

  1.  
    Hello everybody,

    I am amazed by this problem I have with my web site : www.j2eetrainer.info .

    Please notice that the text of the web site is supposed to be inside the center white section of the web site.
    I want to state clearly that the web site is displayed properly for these screen resolutions :
    1900*1200, 1280*1024 and lower in all browsers and on all operating systems, but for the screen resolution of 1440*900 in all browsers and on all operating systems, the text of the web site "spreads" outside the center white section.

    The division with class name "mainSection" is the one holding the text. And the css for it is :
    div.mainSection {
    position : absolute;
    left : 20%;
    right : 20%;
    top: 36%;
    }

    If I add width: 60% to this divisions css description the problem is the same.
    If I declare the web page to be transitional instead of strict, the problem is the same.

    Someone suggested that I might have forgot to close a tag, and this generates the problem. Do you think this can be cause? I am using Netbeans as a HTML editor and it reports any unclosed tags. Can you suggest a better html editor?

    What bugs me so deeply is that the web site is displayed properly for any resolution except for
    1440*900. Screen resolutions bigger than 1440*900 display the web site properly, screen resolutions smaller than 1440*900 display the web site properly, but the screen resolution of 1440*900 does not display it properly!!!!!!!!!!!!!!!!
    • CommentAuthorPhouan
    • CommentTimeApr 7th 2010
     
    The absolute alignments with the top, left, right or bottom elements will only work for your resolution, since you align with pixel, I guess. Aligning objects with margins is preferred.

    The division with class name "mainSection" is the one holding the text. And the css for it is :

    div.mainSection {
    position : absolute;
    margin-left: 20%;
    margin-right : 20%;
    margin-top: 36%;
    }

Valid XHTML 1.0 Strict

Valid CSS!