www.webdeveloper.com
Results 1 to 7 of 7

Thread: Change browser background color behind web page

  1. #1
    Join Date
    Feb 2010
    Posts
    2

    Change browser background color behind web page

    How do you change browser background color BEHIND web page?

    I'm trying to change the color that is shown behind a web page. I'm not sure what it is called. The web page floats on a specific color that I determine.

    Thanks for your help
    RonnyG46

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    <form action="#" name="form1">
    <div>
    <label>Select a color </label><select name="select1" onchange="document.body.style.backgroundColor=this.value;">
    <option value="#666">grey</option>
    <option value="#f0f">fuchsia</option>
    <option value="#0f0">lime</option>
    </select>
    </div>
    </form>
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there RonnyG46,

    and a warm welcome to these forums.

    If you are referring to the Browser's default background color use the following methods.

    For Firefox...
    1. Click "Tools"
    2. Click "Options"
    3. Click "Content"
    4. Under "Fonts & Colors" click "Colors"
    5. Under "Text and Background" click the "Background" box
    6. Select the required color option.

    For Opera...
    1. Click "Tools"
    2. Click "Preferences"
    3. Click "Web Pages"
    4. Click the "Background Color" box
    5. Select the required color option

    For IE...
    1. Click "Tools"
    2. Click "Internet Options"
    3. Click "General"
    4. Click the "Colors"
    5. Under "Colors" uncheck "Use Windows Colors"
    6. Click the " Background" box
    7. Select the required color option

    I was unable to find the method for Safari.

    coothead

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    If you are referring to the Browser's default background color use the following methods.
    That only works for sites that don't specify a background color. There is another option to override website colors. I would not advise you to change these options as it may make text illegible.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Feb 2010
    Posts
    2
    I guess I'm referring to the "Browser's default background" and being able to put HTML or CSS code on my web page so I can control the background color that is displayed when a person visits my site. Not the default IE light gray color, but the color I select.

    Thanks
    RonnyG46

  6. #6
    Join Date
    May 2013
    Posts
    1
    or you could just use http://ringoftopaz.com/ and change background/font colors of a given webpage ...

  7. #7
    Join Date
    Mar 2011
    Posts
    1,133
    The simplest way is to use the 'bgcolor' attribute on the <body> tag, as in:
    Code:
    <body bgcolor="#f0f0f0">
    But that method has several drawbacks. The best way to control that appearance of your website is to use a CSS (Cascading Stylesheets) rule, either in the <head> section of your page using the <style> tag, as in:
    Code:
    <style type="text/css">
     body { background-color:#f0f0f0; }
    </style>
    or using an external stylesheet file that contains the rule.

    You should learn about CSS now while you're just starting so that you'll be able to take full advantage of it. Good luck!
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles