Body Background Not Showing in Browser

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Community United Methodist Church Web
Site</title>
<link href="/site_styles.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="header_container">
<div id="header">
<div id="logo">
<div id="header_text">
<h1>Community United Methodist Church Coeur d' Alene,
Idaho</h1>
</div>
<div id="navigation">Content for
id"navigation"GoesHere</div>
</div>
</div>
</div>
</body>
</html>
@charset "UTF-8";
/* CSS Document */
body {
background-color: #FF3333;
margin: 0px;
padding: 0px;
#header_container {
background-color: #FF3333;
width: 100%;
#header {
margin: auto;
width: 760px;
#logo {
background-image: url(/images/logo.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 760px;
height: 143px;
#header_text h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
color: #FFFFFF;
clear: left;
float: right;
width: 350px;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;

Right, without seeing the page as you suggested, which would
tell us exactly
what is causing it I was making a best guess at what the OP
might be
doing/seeing.
Regards,
Trent Pastrana
www.fourlevel.com
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> If the OP meant that on PREVIEW (F12) the background
color is not seen
> *and* they do not have temp files enabled in their
PREFERENCES settings
> for preview in browser, then you are exactly correct.
That would do it.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "T. Pastrana" <[email protected]> wrote in message
> news:[email protected]...
>> Could be that your stylesheet link path is relative
to the site root
>> rather than the document?
>>
>> <link href="/site_styles.css" rel="stylesheet"
type="text/css" />
>>
>> Other than that we would need to see the actual page
in its entirety.
>>
>> --
>> Regards,
>> Trent Pastrana
>> www.fourlevel.com
>> --------------------
>>
>>
>> "Manic Mama" <[email protected]>
wrote in message
>> news:[email protected]...
>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
>>> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>> <html xmlns="
http://www.w3.org/1999/xhtml">
>>> <head>
>>> <meta http-equiv="Content-Type"
content="text/html; charset=UTF-8" />
>>> <title>Community United Methodist Church
Web Site</title>
>>> <link href="/site_styles.css"
rel="stylesheet" type="text/css" />
>>> </head>
>>>
>>> <body>
>>> <div id="header_container">
>>> <div id="header">
>>> <div id="logo">
>>> <div id="header_text">
>>> <h1>Community United Methodist Church
Coeur d' Alene, Idaho</h1>
>>> </div>
>>> <div id="navigation">Content for
id"navigation"GoesHere</div>
>>> </div>
>>> </div>
>>> </div>
>>> </body>
>>> </html>
>>>
>>>
>>> @charset "UTF-8";
>>> /* CSS Document */
>>>
>>> body {
>>> background-color: #FF3333;
>>> margin: 0px;
>>> padding: 0px;
>>> }
>>> #header_container {
>>> background-color: #FF3333;
>>> width: 100%;
>>> }
>>> #header {
>>> margin: auto;
>>> width: 760px;
>>> }
>>> #logo {
>>> background-image: url(/images/logo.jpg);
>>> background-repeat: no-repeat;
>>> margin: 0px;
>>> padding: 0px;
>>> width: 760px;
>>> height: 143px;
>>> }
>>> #header_text h1 {
>>> font-family: Arial, Helvetica, sans-serif;
>>> font-size: 120%;
>>> color: #FFFFFF;
>>> clear: left;
>>> float: right;
>>> width: 350px;
>>> margin-top: 40px;
>>> margin-right: 0px;
>>> margin-bottom: 0px;
>>> margin-left: 0px;
>>> padding-top: 0px;
>>> padding-right: 5px;
>>> padding-bottom: 0px;
>>> padding-left: 0px;
>>> }
>>>
>>>
>>>
>>
>>
>

Similar Messages

Background not showing in browser after upload?

I need some help (duh or I wouldn't be posting). I have made a website with a background that would resize by using the code for "cover" But after it is uploaded it doesn't show up. Here is a link to one of the pages, http://metro.metrocog.org/new.html
Thanks for the help
ps new to css be gentle please.

The source code shows path to the image folder is using a lower case 'i' when your folder was created using upper case 'I'. Best to use all lower case for folder and file names.
http://metro.metrocog.org/Images/bg.gif

History is blank! does not show any browsing history even changing the settings v 3.6.20 Mac OS

Regardless of the settings you choose, Firefox is not showing any browsing history. It's happening in version 3.6.20 for Mac as well as V 5 for windows. I see a lot of the same questions on the internet but no answers

I'm on Linux. There is no QuickTime for the Linux platform, but I see the player loading (caching) that movie. The Gecko Media Player doesn't seem to be able to play that file embedded, but does play it if I open the .mov file directly in the player.
Another good place to ask questions and advice about web development is at the MozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.
See http://forums.mozillazine.org/viewforum.php?f=25

Rapport does not show in browser

I use Trusteer Rapport as extra security on my Windows 7 Firefox browser, I cannot find why it does not show in browser bar, I have checked my Trusteer Rapport software, and can find no problem, so I am thinking this is being stopped by Firefox security as I have just updated Firefox to V5 and Rapport was working in the bar before. Any info I can use?

Report "xi" does not bundle with any version of .NET. Please find out the exact version of CR, version of .NET and CR updates you are working with.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup

Browser background not showing up on ipad or iphone

I have published a site and the browser background (which is an important part of my design) does not show up on my ipad or iphone when I visit the sight. I have published several websites from iweb and their browser backgrounds show up on my ipad and iphone. Have they changed the software or am I doing something wrong?

Your link, bluecollarmedia.com. does not work. Neither does www.bluecollarmedia.com. Go to your site and copy the URL from the browser's URL field and paste it in a new reply for us.
OT

Browser background not showing up

I FINALLY got my website (www.unyquefiretrucks.com) to load but now the browser background does not appear!!! It showed up ok when I had published to MobileMe originally.
The homepage has a diamond plate (aluminum) browser background and crosspieces on the homepage itself to divide the sections (you can see the outline of the cross pieces but they don't show up) while the rest of the pages use a background with the maltese cross (fire dept. emblem) as the broswer background (no page background used). On my 9/11 memorial pages, I used a design as the page background with a color as the browser background & that appears fine. With that in mind I am confused as to why the homepage is not showing up properly...I used a web safe color for the page background & the diamond plate (tile) for the browser background. I should mention that the homepage is 875 px wide while the rest of the pages are 980 px wide...don't think this should be an issue because it appeared ok on MobileMe but who knows...that's why I'm on these forums!!
HELP!!!! I finally got this thing to load properly so I need to get this last little tweak taken care of. If you want/need to see what the site looks like normally, the unoptimized version is still accessible at
http://web.me.com/firescueguy/UNYQUEFIRETRUCKS/uNYquefiretrucks_home.html
Should I just add the maltese cross as the page background with a web safe color for the browser background on the bulk of my pages? Still not quite sure how that will affect the homepage with the diamond plate not showing up. BTW, eliminating the diamond plate on the homepage is NOT an option, that makes the entire page IMHO.
Thanks in advance for the help, these forums have been a good source of info for me. Thanks, Tom

Old Toad, thanks for the reply...FYI, I used an optimization program called HTML Optimizer Plus that FTP's my site to the server (actually much quicker than CyberDuck IMO). While I have a 1-to-1 set up for tomorrow, I would like to pick your brain as you seem to be pretty knowledgeable judging by your numerous posts. Exactly how would I load those background .gif files? They are currently in a folder on my desktop with various backgrounds. Oddly enough, the background for the 9/11 pages loaded with no problem.
Thanks for the tip on the activity window (I did not know about that tool), that definitely gave more insight into what I was missing. I will give some thought to remove the border (will probably try it on a page or two to see how it looks first before changing the whole site).
One last thing...I had named my homepage index.html (that file still exists on the server) but the optimizer program generated the file index.html.html - if I deleted this file, would the server presumably recognize the standard index.html file?
Look forward to hearing your input. Thanks again for your help, Tom
Message was edited by: Firescueguy

Applet not showing in browser OR appletviewer window not appearing

hi
1. I have small java code - hello.java
import java.awt.Graphics;
public class hello extends java.applet.Applet
public void paint(Graphics g)
g.drawString("Hello java...................",600,300);
which correctly compiled
2. then I wrote an html file - hello.htm
<HTML>
<HEAD>
<TITLE>HELLO</TITLE>
</HEAD>
<BODY>
<appllet code="hello.class" width=400 height=400>hello not supported
</appllet>
</BODY>
</HTML>
3. but F:\javacode>appletviewer hello.htm not showing appletviwer window
command prompt move to F:\javacode>
4. opend the hello.htm through browser, "hello not supported " appearing instead of applet
5. both files in same folder
6. I am using IE8 & firefox (XP sp2)
wh

Quite apart from which a String drawn at [600, 300] wouldn't be visible in an Applet of width 400.
db
edit
Use code tags to post codes -- [code]CODE[/code] will display asCODEOr click the CODE button and paste your code between the {code} tags that appear.
Edited by: DarrylBurke

Div image background not showing

Hi I am trying to give a div a background image and then place tables etc in the div. The trouble is the image does not show up. Any help greatly appreciated. Regards, Matt. (Here is the html, followed by the css...)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Beermatt Online Home Page</title>
<link href="css/goldenumber.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="bg">
<p><a href="index.html">home</a> | <a href="web.html">web design</a> | <a href="photography.html">photography</a> | <a href="editing.html">editing</a> | <a href="contact.html">contact</a> | <a href="downloads/Matt_CV.pdf" target="_blank">cv</a></p>
</div>
</body>
</html>
body { font-size: 20px; color: white; font-family: tahoma, verdana, arial; background-color: #000000; }
a:link { color: white; font-size: 16px; text-decoration: none; }
a:visited { color: white; text-decoration: none; font-size: 16px;}
a:hover { color: gray; text-decoration: none; font-size: 16px;}
a:active { text-decoration: none; color: yellow; font-size: 16px;}
#bg { background-image: url(images/terrain.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; }

Hi...
The background image in this CCS style worked fine for me. You might try to include the Width and Height and Visibility...
#layer1 { background-image: url(Frost.png); background-repeat: no-repeat; height: 132px; width: 262px; left: 18px; top: 18px; position: absolute; visibility: visible; }
walt

CSS style -Background not showing ?

hi everybody ,
first of all i'm quite new to Dreamweaver and webdesign word so ... sorry if i make mistakes
when trying to prewiew my site , or in dreamweaver itself , i cant see my background (is a .png file made whit photoshop , a simple gradient whit some effects)
i tryed to use the site manage , and set the image default folde , but this didn't resolved anything !
this is my HTML code (oh yes , i'm writing the site in HTML5):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/SitoCSS.css" rel="stylesheet" type="text/css">
</style>
</head>
<body>
<div id="Principale"></div>
</body>
</html>
And the CSS style page:
@charset "utf-8";
/* CSS Document */
body {
          background-color: #03F;
          background-image: url(Images/sfondo.png);
          background-repeat: no-repeat;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
#Principale {
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          background-color: #000;
          float: left;
          height: auto;
          width: 901px;
thank you all
Bye !

Without seeing the live page its difficult to analyse BUT here's a couple of things you could look at:
1) Is the name of your folder really Images with a cap 'I' or is it images with a lower case 'i' ?
Images/sfondo.png
2) Is your png file saved as RGB and not CYMK color space?
3) Looking at what you have posted the path to your bg image is probably incorrcet
background-image: url(Images/sfondo.png);
Should be: (note the ../ infront of the Images folder name):
background-image: url(../Images/sfondo.png);

Project pictures not showing in browser

When I moved a project into a folder although the pictures are still listed in the inspector as being in the project they do not show up on the browser. How do I get them to show. I am using the vault system.

In the split view I see nothing when I select the project. When I select one of the albums below it the pictures show up in the lower line but not the upper part unless a lower one is selected.
I have done much since the controversial move so I'll have to wait till it happens again for a before & after. But these may help. This is the browser mode.

Destop Background Not Showing

I've had 10.5 fr a couple of months on my 15' MBP 2.3.
Suddenly today the desktop background picture is not showing. When I restart it briefly appears before shutdown. On restart it appears but as soon as the dock and menu are populated it disappears again.
When I change the background picture, I can a little of it see it transparently behind the menu bar but the main desktop is blank (white).
What have I done wrong?

With all due respect, I really think you should invest in a menu system and possibly a template. Having a bunch of rollover images and trying to align text inside them is an outdated technique. You can do much more with the Spry menus or the Project Seven menus or look up a "vertical css menu" like these: http://cssmenumaker.com/vertical_css_menu.php . As far as the template is concerned, there needs to be more colors that go together and you have to use color to draw people's attention from one place to the next. The text in the menu appears too large and there is hardly any direction with a long paragraph. I've worked around scientific companies before who want to be the end-all for averything and it's a gross mistake. Think about being a customer who is a complete idiot (for lack of a better term) and knows nothing about what you sell. In 5 seconds they will make a decision on your site about how to proceed. Use that 5-second test on people and see what they come away with. There's even a website dedicated to it: ( http://fivesecondtest.com/ ) and plenty of other testing sites just like it.

Uploaded a pic, but i does not show in browser..

hi all.
i uploaded a pic "diso.gif" using the pic repository utility and assigned it to my app 107.
then i replaced the original picture oracle picture from my template with the diso.gif pic:
<img src="#IMAGE_PREFIX#diso.gif" border="0" alt="oracle" />
but it does not show. is something wrong there? in the browser the pic has the path "http://192.168.255.20:7777/i/diso.gif"...
please help! thanks.

Joshua,
Have you seen any of our How To documents?
http://otn.oracle.com/products/database/htmldb/howtos/
This one describes how to upload an image and then use it in your page template:
http://otn.oracle.com/products/database/htmldb/howtos/howto_change_logo.html
Sergio

Applet popping up in own window, not showing in browser

Hello,
I have created an applet which is, by nature, supposed to load in the browser window.
In my case, it loads, but not in the browser, in its own window, outside of the browser.
Any ideas?
Haig

It sounds like you're adding your components to a Frame and then setting it visible. If you want your applet to be embedded in the browser, you have to add your components directly to the applet itself.

Pages Not Showing In Browser

Hi all,
I am new to Dreamweaver, I was using the demo and just
purchased the full version.
The pages I was working on do not show in IE 6.0 and prior.
They are fine in later versions of IE and in Mozilla and Netscape.
Any ideas on what I could have done to cause this?
The site is
http://www.njcf.org/newwebsite/index.html
Thanks in advance.
George

Fix the validation errors on your page first -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.njcf.org%2Fnewwebsite%2Findex .html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"geojf3" <[email protected]> wrote in
message
news:gmpedh$it5$[email protected]..
> Hi all,
>
> I am new to Dreamweaver, I was using the demo and just
purchased the full
> version.
>
> The pages I was working on do not show in IE 6.0 and
prior. They are fine
> in
> later versions of IE and in Mozilla and Netscape.
>
> Any ideas on what I could have done to cause this?
>
> The site is
http://www.njcf.org/newwebsite/index.html
>
> Thanks in advance.
>
> George
>

CS3 jpgs do not show in browser

Hi,
Whenever I save an image as a jpg from Photoshop CS3 it will not show up in any browsers. It shows as a broken image icon. If I open it up in Photoshop CS2 and save it as a jpg it then will show up. Does anyone else have this problem?
Thanks

Warren, do you see the version I posted okay? (obviously, your link was good, because I was able to download the image)
I can only guess that it is either your upload process, or the final server, that is causing the issue.
You could download the version I posted, and try uploading it, because we know it is good...
Are you using an FTP program? Do you have another upload route you could try?

Body Background Not Showing in Browser

Similar Messages

Maybe you are looking for