My Pages background does not load first fully

Forum Moderators: open

Message Too Old, No Replies

My Pages background does not load first fully

html display issue

nbt725

5:29 am on Apr 29, 2009 (gmt 0)

Hello Everybody !

Well I am facing an issue displaying pages in IE mainly. The background set in <body> tag does not get set for full page and hence it seems white full box going gradually when full page is displayed looks odd, please help.

<snip>

Thanks in Advance,

Naimesh

[edited by: engine at 8:05 am (utc) on April 29, 2009]
[edit reason] No URLs, see Charter [/edit]

punisa

10:15 am on Apr 29, 2009 (gmt 0)

Your page does not load first fully? You mean that white color is not instantly displaying under your content? But it does once the content loads, correct?

First question, do you have a min-height set for body? Try this, it might fix your problem

nbt725

10:53 am on Apr 29, 2009 (gmt 0)

Hello !

Thanks for the quick response. Well I did try setting min-height as below in my most outer <div> like below


<body class="yui-skin-sam" bgcolor="#626F77" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<?php require_once("htmlutilz.php");?>
<div id="doc" class="yui-t7" style="min-height:800">
...
</div>
</body>

But still the same issue. Please show me if something is wrong or any other way to do so.

You understood problem correctly.

Thanks & Regards,

Naimesh

punisa

2:05 pm on Apr 29, 2009 (gmt 0)

I'd try and set this min-height on body and do try to avoid inline styling, it will get very troublesome to edit it later on.
When you set min-height you should do it like this "min-height:800px", the lack of "px" could also cause problems.

What I would do, if I did understand your particular situation, I'd set the min-height for body to 100%

Also your body tag is missing the "style="

Could you post the complete HTML output (without php parts). You can do it by using "view source" on firefox and then I'll try to examine it further..

tedster

5:06 pm on Apr 29, 2009 (gmt 0)

I'd take two steps, in this order:

1. Validate your code. W3C Validator - HTML [validator.w3.org] and W3C Validator - CSS [jigsaw.w3.org]

2. After you know the code is valid, begin looking for internal divs that may have their own background rules that are hiding the body background. Just comment out the internal divs one by one, or at least their class declarations.

If you do post your source code on the forum, please read LINKS and posting CODE [webmasterworld.com] first for pointers. It is important to remove information that identifies your site, and also to reduce the code to the most important sections.

nbt725

7:27 am on Apr 30, 2009 (gmt 0)

Hello !

Thanks everybody ! Yea the issue was 'px' not given. It is working now, got the concept.

Also thanks for the link to test pages against w3c compliance.

Thanks & Regards,

Naimesh Trivedi

punisa

11:01 am on Apr 30, 2009 (gmt 0)

Glad you worked it out, W3C Validators are great tools and will show you the errors in many cases