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 architecture of the web site is rather simple:
The division with class name "mainSection" is the one holding the text. And the css for it is :
position : absolute;
left : 20%;
right : 20%;
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, as such:
, 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!!!!!!!!!!!!!!!!
I'd suggest wrapping
I'd suggest wrapping everything in a container div and giving that a fixed width. You need to declare a fixed width because of your background.
That image is outside the
That image is outside the white center area. dont forget to validate your code!