Browser Background Color

I am new to iWeb and have searched the archives, but can't seem to figure this one out. I am using one of the themes to do a quick webpage, but have stumbled on an issue. When I use a browser background color, it bleeds over the page. I have tried to increase the page content, but to no avail. I know it has to be something fairly obvious that I am not doing.
Here's the url.
http://web.mac.com/clashbridge/BurgenundBerge/Days1_%262.html
The site is not ready for primetime yet, but any help would be appreciated.
Thanks.
Carole

You changed the page background from a tiled image to a gradient color.
Change it back to its previous state.
If you forgot what it was, add a new page with the same theme and check.

Similar Messages

Browser Background Color Not Drawing Completely

On the web page I recently uploaded, the page does not draw the browser background color completely when it loads. The browser background color fills in to the bottom of the sized page, below there it is white.
1. Modern Frame 2.0 - Blank
2. Set Browser Background color to Blue
3. Page background color either the same Blue or none at all. I've tested both ways.
4. Manual resize always allows the browser background color to fill in properly.
5. Footer on and off. Doesn't make a difference.
After uploading to the web, clearing all my caches, it continues to fill in incompletely.
What do you suggest I do to solve this?
Thank you - Fabe

Give us the URL for the site so we can examine it first hand. With out looking at the site you should change the theme to White theme which does not use files for background and therefore will not restrict the amount of space the background takes up. That's just a guess though.
OT
Message was edited by: Old Toad

Browser background color question

Hello,
I have read in some article, that not all Browser background colors are readable by all computers.
So I am wondering: when I am choosing the right color for my website's Browser Background, can I pick any color from color picker?
Or should I only use certain "universal" color, which is guaranteed to be readable on any viewer's computer.
Thank you .

Just as there are web-safe fonts, there are also web-safe colors. Your color window has all the information you need. See.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Change Browser Background Color with Image Fill

I inserted a picture using 'Image Fill' and 'Original Size' under Browser Background in the Page Layout tab and the browser background, I assume, defaults to white.
I need the browser background to be a standard black color with an Image Fill. I searched around the iWeb preferences and tabs but found no option...
Many thanks in advance!
Alex

The only way to get a black browser background is to set it to black. If you tile the photo there will be not browser background or make the image large enough so that it would take a very large browser window to exceed the photo's size. Or create a very large canvas with the photo in it at its original size and the rest of the area black.
OT

Browser Background

In CP8, is there a way to set the browser background color (not just the slide color?)
Thanks,
Jeff

Select Project/Skin Editor, click on the Borders Icon and select the HTML Background as in the image in red.

Browser background not filling

When I view my site in Safari the browser background color does not fill all the way to the bottom sometimes. There is a white space at the bottom. It seams to stop at the footer distance.
Reloading the page 2 or 3 times will get it to load all the way.
Granted, this is not a big deal but I use it for my business and it looks a bit amateurish.
Oddly enough, when I boot my iMac from windows and view it in IE there is no problem.

I see the object now. It's a grayish line, 2 pixels x 735 pixels, which is represented by either the file stroke_2.png or stroke_6.png. Check your layout, particularly the footer to see if there's an object somewhat hidden down there.
What theme are you using?

Highlight colors change (invert) on some backgrounds, i can make it back by changing use system colors and or background color, i would like to knoe if there is a setting to stop the change ?

i set my highlight colors to yellow background and black foreground in windows , it uses the same colors in firefox except as i highlight over some colors the foreground and background colors invert yellow on black , if there is a setting (or one can be added) in about:config to make the highlight always stay as yellow back and black foreground ? , im not sure if it is done within firefox though or if it is win xp but itcan be changed inside firefox about:config with browser.display.use_system_colors and/or browser.display.background_color .

that sort of makes sense but when you look at youtube messages , each alternate line is a very pale blue and when highlighted each alternate line the color is switched , this also happens on all web pages with simuler shading (not just pale blue) .
about the purple highlighting , ive never seen that , i have firefox on 2 PCs , a laptop and a notepad and they all use the colors set in win xp for highlight , even when use system colors is set to false , all that happens then is they swap about (invert) agen , i some times have to switch browser background color as well . sorry for being repetetive , im just trying to be clear , i have tried fine tuning BG color but on some pages just 1 single number away from white makes the switch,on other pages you can go nearly all the way to black befor it switches .ive just seen add images , ill send some pics to show what im trying to say .

Duplicating background colors

I have several pages in iWeb with different page background and browser background colors. I wanted to know if there was a way to duplicate or copy one color and apply them to other pages. Any tips or suggestions would be helpful. Thanks.

Yes. Cyclosaurus posted the following code that, when added to an HTML snippet on the page, will duplicate the navbar at the bottom of the page:
<script type='text/javascript'>
function bottomNavbar()
bottomNav = parent.document.createElement('div');
bottomNav.innerHTML = parent.document.getElementById('nav_layer').innerHTML;
if (bottomNav.childNodes.length > 12) { bottomNav.removeChild(bottomNav.childNodes[0]);}
bottomNav.removeChild(bottomNav.childNodes[1]);
try { bottomNav.removeChild(bottomNav.childNodes[1]);} catch (e) {}
parent.document.getElementById('body_layer').appendChild(bottomNav);
if (window.addEventListener) {
window.addEventListener("load",setTimeout("bottomNavbar()", 500),false);
} else if (window.attachEvent) {
window.attachEvent("onload",setTimeout("bottomNavbar()", 500));
} else {
window.onload = function() {bottomNavbar();}
</script>
It won't display until the page is published.

Hi there, I want to change the background-color of the browser, when a popup-picture is shown. This picture pops up by clicking a hyperlink in the text...can anyone help me please...thanks a lot

Hi there, I want to change the background-color of the browser, when a popup-picture is shown. This picture pops up by clicking a hyperlink in the text...can anyone help me please...thanks a lot

Hi,
CSS is interpreted by your browser, so server cache seems unlikely in htis case. There is however some hierarchy in CSS, so parts of the APEX CSS, theme CSS or page CSS might overwright or block yours.
Does changing the CSS on runtime affect your page? Eg, run the following in your browser console and see if your page turns black: $('#uBodyContainer').css("background-color","black")
Also try moving up your css in the hierarchy labeling it as important:
div#uBodyContainer {
background-color:#000000 !important;
See:Assigning property values, Cascading, and Inheritance
Regards,
Vincent
http://vincentdeelen.blogspot.com

How do I ge tthe background color of a browser window.

How do I get the default backgound color of a browser. I made my Applet with white as the background color. My supervisor's IE settings makes his IE background color tan. Is there any way I can read that "tan" from somewhere and use that as my Applet background color?

I am trying that, but it doesn't look like it is taking the parameters...
I display the text on the html page as well, it seems to display ok, but the applet is not taking the parameter.
<applet
codebase = "."
code     = "graphapplet.GraphApplet.class"
name     = "TestApplet"
width    = "400"
height   = "300"
hspace   = "0"
vspace   = "0"
align    = "middle"
>
<SCRIPT LANGUAGE="JavaScript">
document.write("<param name = \"bgColor\" value = \"" + document.bgColor + "\">");
</SCRIPT>
<param name = "Filename" value = "data.txt">
</applet>
<SCRIPT LANGUAGE="JavaScript">
document.write("param name = \"bgcolor\" value = \"" + document.bgColor + "\"");
</SCRIPT>

Help setting the background color in the browser

I’m setting up my web pages to be 960 x 600 pixels (or possibly 960 x 660). How do I define a background color for the overflow in case people are viewing on higher than 1024 x 768 resolution - right now everything outside of my webpage shows up as the default white.
Thanks

Use CSS.
body { background-color:heliotrope; }

How to set a background color to view

Hi All,
i creared a view with 2 textboxes and a button.These elements are in TransparentContainer.I set the background color to the TransparentContainer.By setting color to the TransparentContainer it is comming at the center and the 4 sides of it is displaying in the normal background color of the browser
i didnt find any color options for the view called RootUIElementContainer.the width and height of the view are setted to the browser means 1024*768.
Just like sap editor which we get by the link https://www.sdn.sap.com i want to get my view .....
I want to set color to this RootUIElementContainer element which effect the whole view...not the containers or groups which i add under this RootUIElementContainer
Regards
Padma N

hi Padma,
For changing the background colour you will have to make the change in the theme.
You can download the theme editor plugin for eclipse from SDN. With this plugin, you can make changes to the default themes , save as a new theme
Or if you are using portal, then goto system administrator, theme editor, select SAP Streamline and change the color in Screen areas -> application, then save the theme with different name.
Best regards,
Sangeeta

How do you make a transparent spry menu that has a background color on sub menus?

Hi i am a total newbie at html and css scripting/coding and i've been working on creating a website of course because im here and i have search and search and i've found a few topics about this but none of them have what i want and it would be helpful if when you post the reply you explain it so hopefully i can add on and learn but i am trying to get the background color on the sub menus #1A1A1A and then the menu it self transparent here is my code it might make no sense at all since im a newbie ;P
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          margin: 0 auto;
          padding: 0;
          list-style-type: none;
          font-size: small;
          cursor: default;
          width: 100em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 18px;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 10.8em;
          float: left;
          visibility: visible;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 15em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
ul.MenuBarHorizontal ul
          border: 0px solid #1A1A1A;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: transparent;
          padding: 9px;
          color: #FFF;
          text-decoration: #1A1A1A;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          font-weight: bold;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 18px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #0048ff;
          color: #EEE;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 85% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #222222;

Hi and welcome -
Start with fixing this missing semicolon (in red)
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here. That way we can examine ALL your code

How can I correct background color and graphics in Firefox?

For some reason some background color images and fonts do not appear in Firefox. Other browsers are mostly fine. I've tried most common fixes to no avail. I'm running Windows 7 Ultimate.
I've attached two screenshots. One is Firefox viewing Google. The other one may be relevant because I can't change the color of fonts in Word and other Office docs.
Anyway, I'm stumped on the Firefox side. The browser has been uninstalled, re installed, and refreshed.

Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.
*http://windows.microsoft.com/en-us/windows7/turn-on-high-contrast
Make sure that you allow pages to choose their own colors.
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
Note that these settings affect background images.
See also:
*http://kb.mozillazine.org/Website_colors_are_wrong

SSRS 2012 background color format by expression issue when exporting to Excel.

We are using SSRS 2012. We have a report that conditionally formats a background color for some cells. The report renders properly in a browser and in Excel 2003 format. In Excel format all cells after the first one that meets the condition are highlighted,
even if only one cell should.
The sample expression that triggers this condition looks like this:
=IIF(Fields!VIOL_NOTE.Value="Internal","Green","No Color")
All cells after the first one that meets the condition Fields!VIOL_NOTE.Value="Internal" have a green background.
Excel 2003 (proper) results:
Excel (improper) results:
Zenon

Hi Zenon,
Based on your description, I try to reproduce the issue in my test environment, however it is work well. After export the report to Excel and Excel 2003, I can get exact same result when open the Excel file in Excel 2010.
Did you open the repot in Excel 2003 or Excel 2007-2010? Please post more deatils, so we can help to work out this issue.
Regards,
Fanny Liu
If you have any feedback on our support, please click
here.
Fanny Liu
TechNet Community Support

Browser Background Color

Similar Messages

Maybe you are looking for