Solved

How to change default browser background colour/frame bg color?

Posted on 2003-11-28
14
545 Views
Last Modified: 2011-08-18
I have a website that uses quite a bit of graphics, and is predominantly black.

The problem I want to sort out is that between the pages loading (within a frameset) there is a white flash (or whatever default background colour the user has set).

So quite simply, is there a way of preventing this flash?  

In theory I would have thought it possible to set something within the frameset page to change the overall background colour to black, like on the contained pages, but nothing seems to work!
0
Comment
Question by:muso120999
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 3
  • 3
  • +2
14 Comments
 
LVL 15

Expert Comment

by:Timbo87
ID: 9838920
That's simply IE's loading screen and there's really nothing you can do about it. :(
0
 
LVL 10

Author Comment

by:muso120999
ID: 9839348
I guess I maybe didn't explain my problem too well.

The site loads up within a letterbox frameset, with plain black html pages top, bottom, left and right.  The content goes in the middle.

So, the problem isn't actually IE showing a blank window before it loads a page, but that it shows the colour of the browser through the frameset (index) page while the centre page re-loads.  AFAIK there isn't a bgcolor property for the <FRAME> or <FRAMESET> tags which might have solved it.
0
 
LVL 15

Expert Comment

by:Timbo87
ID: 9839381
Have you tried adding
<body bgcolor="black"></body>
after the frameset?
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 10

Author Comment

by:muso120999
ID: 9839506
Yes, it doesn't work either!
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9839795
You're using the correct frameset placement, yes?

<frameset rows="200,*">
  <frame name="contents">
  <frame name="main">
  <noframes>
  <body bgcolor="#000000">
  <p>This page uses frames, but your browser doesn't support them.</p>
  </body>
  </noframes>
</frameset>
0
 
LVL 11

Expert Comment

by:Zontar
ID: 9840993
Use an iframe or a frameset like this:

<frameset rows="150,*,150">
  <frame src="top.html">

  <frameset cols="150,*,150">
    <frame src="left.html">
    <frame src="content.html">
    <frame src="right.html">
  </frameset>

  <frame src="bottom.html">
</frameset>

Personally, I would go with a single iframe:

<html>
<head>
<style>
  body  {background-color:#000;}
  #myIFrame {position:absolute; top:15%; left:15%; width:70%; height:70%;}
  /* (2 X 15%) + 70% = 100% */
</style>
</head>
<body>
<iframe id="myIFrame" src="content-page.html">Sorry, your browser doesn't support inline frames...</iframe>
</body>
</html>

This is much cleaner code, and the iframe will resize itself according to the size of the user's browser window.
0
 
LVL 10

Author Comment

by:muso120999
ID: 9849246
Thanks Zontar, it is certainly a good suggestion to try iframes.  Unfortunately this still has the same problem!

In testing this, I have changed my Windows settings to have window backgrounds a lurid green.  There are a couple of pages within the main content that have a fair bit of graphics that link to each other, and, especially before the pages are cached, there can be quite a long flash of green!

Oh, on your example of an iframe, I had to use a single-cell table (100% high and wide) with the iframe floating in the centre, as the frame needs to be a fixed size of 760x430.

I think the problem may indeed be fundamental to the way (IE) frames are drawn on the screen, and I also realise that the question may well appear excessively pedantic (as, indeed, it is!).

So, are there any more suggestions, or is my task futile!
0
 
LVL 2

Expert Comment

by:Yavor_01126
ID: 9850088
In the Main HTML which contains the frames .
have you tried to put there a bgcolor ?

If not try !

If still not working then try adding an image as a background.
But the image is only a pixel of black !
In your case it is black if I understand all right .

Then if this didn't work POST back and I'll try to think of any other solutions.

regards !
0
 
LVL 10

Author Comment

by:muso120999
ID: 9850165
Thanks Yavor_01126,

I'm afraid it does the same with your suggestions too!
0
 
LVL 2

Expert Comment

by:Yavor_01126
ID: 9850214
PLS provide me a URL !
Can't help when just reading a text .

10x !!!
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 250 total points
ID: 9850381
There's not going to be anyway to change the default user background as you've probably already guessed - if you have an extremely content-intensive page that needs to download - my best suggestion would be to load a blank html page set to your required background, and then place an onLoad function to call the required document.
0
 
LVL 2

Expert Comment

by:Yavor_01126
ID: 9850509
Hmmm if this is a major problem you can try adding flash.
Add isn't the right word because your site contains frames .
So BUILD the whole page in FLASH shouldn't give any white flashes but it is a matter of time to rebuild.

You can still try to make the problematic frame only in flash or maybe to add an applet which makes loades and whatever it does.

But it still require more than a single line of code or a paint brush !

Regards !
0
 
LVL 10

Author Comment

by:muso120999
ID: 9850706
Thanks for everyones help here.

I have decided to award the points to georgemarian, as he correctly identified what the main problem is (ie the pages are cumbersome), and has hinted at a practical solution (Flash would undoubtedly work, but I feel is a little out of budget!).  I'm still not sure at this moment how well an onLoad would work, but georgemarian at least indicates that the crux of the problem is that something needs to load quickly - before the main content.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9850832
Thanks - I'm glad we were able to help you along. And best of luck with the project!
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Technology Resume 7 67
Filktering Alphabetically 8 41
HTML5 storage and web apps 11 44
Hit counters in SharePoint 2013 2 22
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

740 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question