CSS- Background img not showing up in container

Hello, I am new to css but not to webpages. I used to design
pages using tables and now I want to learn and design using css.
But I'm having trouble and I figure its a quick fix. Note this
website is not on line I am doing my test use IE 7 and Firefox ver
2 PC Ver.
Q: I'm trying to design a website for a client and I am have
trouble try to get my background img to show up in my #container.
Here is sample of my basic layout. Hope some could help me.
@charset "utf-8";
body {
background-color: #271a0b;
background-image: url(../images/bgStrip.gif);
background-repeat: repeat-x;
#container {
width: 100%;
height: 900px;
overflow: hidden;
background-image: url(/images/backGround.jpg);
background-repeat: no-repeat;
background-position: 0;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<link href="asset/screen.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="container">Content for id
"container" Goes Here</div>
</body>
</html>
body background is working. Note: Got the codes samples from
CSS Cookbook, good book learning allot but can't seem to get it to
work. Hope some could help me.

If the page in question is one level below the root of the
site, and if the
images folder is at the same level as the root of the site,
then both links
would be correct.
Also, since background-position defaults to "0", there's no
reason to
restate 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
==================
"Virginia Carter" <[email protected]>
wrote in message
news:[email protected]...
> Without seeing the page on the web, it's somewhat
difficult to see exactly
> where the problem is, but this is curious:
>
> body {
> background-color: #271a0b;
> background-image: url(../images/bgStrip.gif);
> background-repeat: repeat-x;
> }
>
> #container {
> width: 100%;
> height: 900px;
> overflow: hidden;
> background-image: url(/images/backGround.jpg);
background-repeat:
> no-repeat;
> background-position: 0;
> }
>
> It's looking in two different places for those images:
>
> ../images and /images
>
> Check that and then see if you still have troubles.
>
> --
>
> Virginia Carter
> Carolina Web Creations
> ======================
> www.carolinawebcreations.biz
>
> borgru12 wrote:
>> Hello, I am new to css but not to webpages. I used
to design pages using
>> tables and now I want to learn and design using css.
But I'm having
>> trouble and I figure its a quick fix. Note this
website is not on line I
>> am doing my test use IE 7 and Firefox ver 2 PC Ver.
>>
>> Q: I'm trying to design a website for a client and I
am have trouble try
>> to get my background img to show up in my
#container. Here is sample of
>> my basic layout. Hope some could help me.
>> @charset "utf-8";
>>
>> body {
>> background-color: #271a0b;
>> background-image: url(../images/bgStrip.gif);
>> background-repeat: repeat-x;
>> }
>>
>> #container {
>> width: 100%;
>> height: 900px;
>> overflow: hidden;
>> background-image: url(/images/backGround.jpg);
background-repeat:
>> no-repeat;
>> background-position: 0;
>> }
>>
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
>> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>> <html xmlns="
http://www.w3.org/1999/xhtml">
>> <head>
>> <meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
>> <title>Untitled Document</title>
>>
>> <link href="asset/screen.css" rel="stylesheet"
type="text/css" />
>> </head>
>>
>> <body> <div id="container">Content for
id 'container' Goes Here</div>
>>
>> </body>
>> </html>
>>
>>
>> body background is working. Note: Got the codes
samples from CSS
>> Cookbook, good book learning allot but can't seem to
get it to work. Hope
>> some could help me.
>>

Similar Messages

Gradient filled background is not showing up in Internet Explorer on a PC.

My gradient filled background is not showing up in Internet Explorer on a PC.
I'm working on a MAC, so I don't know of anyway to preview a new MUSE Site in I.E. since it's no longer supported on a Mac.
When the Home Page is viewed, my blue sky gradient background shows up as a white box?? I need a fix for this please.
Here is my url: www.ThanksSanta.org

Hello,
We might have to look into your .muse file to have a better look into the issue.
I tried it on a sample file but it worked fine for me.
Could you please e-mail your .muse file on [email protected] You can use Adobe SendNow service (https://sendnow.acrobat.com/) to send your file in case it is larger than 20MB.
Please do not forget to mention the link to this forum in your e-mail.
Regards,
Sachin

Background does not show up when creating a PDF in InDesign

I have placed the same image in Illustrator and the PDF does show up the image.

Ooh. Ok. Thank you! I'm using InDesign CS5.5, Acrobat 10.1.6. Mac OSX (10.6.8).
Layer 1: background (TIFF): does not show up
Layer 2: Type and logos (EPS): do show up in my pdf.
-When I select Overprint Preview in Indesign the background is missing.
-I have created pdfs in different presets (smallest, high quality, etc) and still background does not show up.
-When I place ONLY the background on a new InDesign document, it does show up in the PDF.
-I have created a pdf with the background in Illustrator and it does show in my PDF.
Thanks!

I'm developing a web site using MVC3 & Razor, but my css changes do not show up on FireFox, but do on Chrome & Internet Explorer - How can I get Razor to render correctly on FireFox?

I don't have a public version as I'm just staring development.
For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.
Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.
<code>
table th {
padding: 6px 5px;
text-align: right;
background-color: #ff0000;
border: solid 1px #e8eef4;
</code>

You can also reload web page(s) and bypass the cache.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC)

Background color not showing up in Firefox

I think I am having a CSS problem, but I am not sure. If you
look at this
link
in Firefow you will see that the background color is not showing
up. I put the background color in that table in the HTML as well as
the CSS, but am not getting any love! On another page I did it is
working fine. Click
here and you
will see it working fine.
Is there some small detail that I missed? Any help is greatly
appreciated!!

In fact a whole heap of files are pointing to your hard
drive...
Jo
"Josie1one" <joleros[nospam]@yahoo.com> wrote in
message
news:e35c9r$4ln$[email protected]..
> On the one not working, the file is pointing to your
hard drive:
> <link href="file:///C|/Documents and Settings/nick/My
Documents/Work
> Files/Clients/RKFA/style.css"
> Jo
>
> "Cloudbrk" <[email protected]> wrote in
message
> news:e35btk$41c$[email protected]..
>>I think I am having a CSS problem, but I am not sure.
If you look at this
>>
http://rebeccakoury.com/spiralstapestries/scrollearthtones.htm
in Firefow
>> you
>> will see that the background color is not showing
up. I put the
>> background
>> color in that table in the HTML as well as the CSS,
but am not getting
>> any
>> love! On another page I did it is working fine.
Click
>>
http://rebeccakoury.com/spiraltapestry.htm
and you will see it working
>> fine.
>>
>> Is there some small detail that I missed? Any help
is greatly
>> appreciated!!
>>
>
>

DIV Style background image not showing

Hey Friends - can anyone take a look at line 136 to show why my background-image is not showing in this DIV Style?
http://www.gratefulcreative.com/Andre_Madiz/index.html
Thanks in advance!
ken d
creative director
grateful creative
www.gratefulcreative.com

You have no width or height set for that element so it can not show an image unless you make the div at least the same size as the image.
<div style="background-image:url(http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.png);ba ckground-repeat:no-repeat; width:871px; height:483px;">
You may also want to consider adding this to your main css file and giving the div an id which will help you out in the future.

Out put in Background (SM37) not showing All columns

Hi Folks,
Im creating an out put display for my query in background , we have define an output device , after submitting the query in back ground it just showing me only 10 columns . I mean I its not showing me all columns when I went to SE37-> select job->spool ->view (display).
Why its happening?
Please help me
Cheers
Usman

When you are submitting the job in background by exexuting your query from Sq01 or Tr.code , a screen will pop-up ask for you device name, on the same screen youll see properties hit that, itll take you to another screen and change the report format 65 and 200 or 65 and 200. It depends on your out put device . You can only display report till 255 . If you want to active ALV functional enable in background spool job you have to use extracts for that . So you can download your data in correct format.
You can also decrease the length of variables in query so within 255 characters you can see all report columns.
Hope thisll help you .
Hope thisll give you idea!!
<b>P.S award the points.</b>
Good luck
Thanks
Saquib Khan
"Some are wise and some are otherwise"

Background Images not showing up in template-based pages

For some reason, whenever I make a custom .dwt template, with
background images for things such as buttons, on my newly created
page, the background images do not show up. Anyone know why? Thanks
for the help in advance.

Best you start here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsworld.mooretecproductions.co m%2F
55 code errors. Yikes!
Fix those and then see if the problem goes away. If not, post
back. At lease
with clean code we may be able to spot the problem.
Walt
"Irish_Cereal" <[email protected]> wrote in
message
news:fegl0v$jvc$[email protected]..
> Alright guys, I get it. Here's a link to the index:
>
http:///mattsworld.mooretecproductions.com
> Click on Videos on the navigation bar and you'll see
what I'm talking
> about.
> Notice how on the navbar on the index theres the custom
button? On videos
> it
> doesn't show up.
>

Div background color not showing in Internet Explorer 8 and before

My Footer div is not showing the background color (supposed to be black...) in Internet Explorer 8 and earlier. It's assuming the body color instead. Also the border color on top of the 'bubbles' that run across the page is wrong (supposed to be blue)    Is this just because Internet Explorer 8 and earlier did not support div background and border colors yet, or is there a work-around?? Or maybe I did something wrong?
The site is:    www.meridianwaterfiltration.com

martcol wrote:
I don't think that IE8 does rgba.
It should be OK with rgb but not rgba.
Martin
No its doesnt
I'd just use a hexidecimal color - black #000 and blue: #03f (see below)
.footer {
position: relative;
    width: 100%;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    background-image: none;
    background-repeat: repeat-x;
    margin-top: 0px;
    clear: both;
    height: 350px;
    background-color: #000;
#bubble {
    background-image: url(Images/water drop 0banner.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 43px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #03F;
    margin: 0px;
    padding: 0px;
    background-color: #3FF;

Schduling background jobs not showing in sm37

Hi,
I scheduled the jobs : Z_MM_INVENTORY_REPORT, RM07MLBS on daily basis from 03/22/2011.Its running successfully upto 03/26/2011 daily,after that when iam checking on SM37 from 03/27/2011 to 03/31/2011 it showing schduled on 03/27/2011 not running. and remaining dates 28,29,30,31 not showing any thing(means not scheduling).
what could may be the reason for not running that jobs.
Thanku

What is the status of the Job in SM37 ?
and on
and remaining dates 28,29,30,31 not showing any thing(means not scheduling).
The periodical jobs create the next job, when the current job changes is status from Released to Active. Since your Job on 27th is having some issue, the Job for 28th has not been created, simillarly the rest.
Regards,
Sanujit

Background image not showing up in BC

Rookie here.
I locally developed an index page with a background image in the <body> div. Worked fine locally. When I connected it to BC the background is now white instead of the image. The background shows up in the css. Here is the link:
http://century21print.businesscatalyst.com/index.html
Doyou need anything else.
Thanks for the help!

You need to revise you background url!
This is what you have
background-image:url(file:///P|/websites2/century21print/images/AbstractLightRays.jpg);
it should be something like
background-image:url(/images/AbstractLightRays.jpg);
that 'file:///P|...' is not right!

"background color not showing"

Hi all,
I am back with a new problem..hope u guys will help me out..
I have a very basic prgm where i am trying out the GUI things..
here is my code:import java.lang.* ;
import java.awt.* ;
import java.awt.event.*;
import javax.swing.* ;
class SecTest {
public static void main(String args[])
JFrame MyFrame = new JFrame("MyFrame");
MyFrame.setBackground(Color.pink);
// MyFrame.show();//if i put it only here..it doesnt show me the string
MyFrame.setBounds(100,100,400,400);
MyFrame.addWindowListener(new WindowAdapter()
    public void windowClosing(WindowEvent e)
      System.exit(0);
Toolkit MyTk = Toolkit.getDefaultToolkit();
Image MyImg = MyTk.getImage("not.gif"); // not.gif is in my current directory
MyFrame.setIconImage(MyImg);
Container MyContentPane = MyFrame.getContentPane();
JPanel MyPanel = new JPanel();
MyContentPane.add(MyPanel);
MyContentPane.add(new NewPanel());
MyFrame.show();
// but then if i have .show() at both places..i just get a flash of pink background and again the usual gray one..
class NewPanel extends JPanel {
public void paintComponent(Graphics g)
super.paintComponent(g);
Font f = new Font("SansSerif", Font.BOLD+Font.ITALIC, 20);
g.setFont(f);
g.setColor(new Color(0,128,124));
g.drawString("Hello There..This is my first GUI program",50,50);
};Thanks & Regards,

You want to set the JPanel color pink so it shows, because that's the topmost layer, not the frames. And the reason why if you add show() up there your String doesn't appear, is because you haven't created the JPanel that display that yet. You need to use show() after you've created all your components so they appear. Here's the modified code:
import java.lang.* ;
import java.awt.* ;
import java.awt.event.*;
import javax.swing.* ;
class SecTest {
public static void main(String args[])
JFrame MyFrame = new JFrame("MyFrame");
//MyFrame.setBackground(Color.pink);
// MyFrame.show();//if i put it only here..it doesnt show me the string
MyFrame.setBounds(100,100,400,400);
MyFrame.addWindowListener(new WindowAdapter()
    public void windowClosing(WindowEvent e)
      System.exit(0);
Toolkit MyTk = Toolkit.getDefaultToolkit();
Image MyImg = MyTk.getImage("not.gif"); // not.gif is in my current directory
MyFrame.setIconImage(MyImg);
Container MyContentPane = MyFrame.getContentPane();
JPanel MyPanel = new JPanel();
MyContentPane.add(MyPanel);
MyContentPane.add(new NewPanel());
MyFrame.show();
MyFrame.show();
// but then if i have .show() at both places..i just get a flash of pink background and again the usual gray one..
class NewPanel extends JPanel {
public void paintComponent(Graphics g)
super.paintComponent(g);
setBackground(Color.pink);
Font f = new Font("SansSerif", Font.BOLD+Font.ITALIC, 20);
g.setFont(f);
g.setColor(new Color(0,128,124));
g.drawString("Hello There..This is my first GUI program",50,50);
};

Background image not showing in IE9 only

The grey image (GreyBack.jpg) around the 9 centered product images on this site are not displaying in only IE9:
www.Deltron.com
Screenshot here: http://deltron.com/images/deltron-shot.jpg
It works perfectly in IE7, IE8, FF, Safari, and Chrome.
Any ideas?
Here is the CSS for that section:
.RoundedBox {
width: 479px;
padding: 10px;
border: 1px solid #E4E4E4;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(border-radius.htc);
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url('images/GreyBack.jpg');
And the HTML:
<div class="RoundedBox">
      <p><img src="images/BannerHome.jpg" width="350" height="28" alt="Deltron Precision Product Line-up" /></p>
    <table width="73%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="30%"><a href="javascript:;" onmouseover="MM_swapImage('Image20','','images/linear_slide_crossed_roller_bearings2.jpg' ,1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_slide_crossed_roller_bearings1.jpg" alt="Linear Slides Ball Slides Crossed Roller Slides" width="153" height="148" border="0" id="Image20" onclick="MM_goToURL('parent','Linear_Slides_Ball_Slides_Crossed_Roller_Slides.html');retu rn document.MM_returnValue" /></a></td>
        <td width="2%"> </td>
        <td width="29%"><a href="javascript:;" onmouseover="MM_swapImage('Image21','','images/positioning_stages2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/positioning_stages1.jpg" alt="Micrometer Positioning Stages" width="153" height="148" border="0" id="Image21" onclick="MM_goToURL('parent','Micrometer_Positioning_Stages.html');return document.MM_returnValue" /></a></td>
        <td width="3%"> </td>
        <td width="34%"><a href="javascript:;" onmouseover="MM_swapImage('Image26','','images/cross_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/cross_roller_bearings1.jpg" alt="Linear Bearings Crossed Roller Tables" width="153" height="148" border="0" id="Image26" onclick="MM_goToURL('parent','Linear_Bearings_Crossed_Roller_Tables.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image28','','images/linear_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_actuators1.jpg" alt="Linear Actuators Lead Screw Actuators" width="153" height="148" border="0" id="Image28" onclick="MM_goToURL('parent','Linear_Actuators_Lead_Screw_Actuators.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image27','','images/non-magnetic-slides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/non-magnetic-slides1.jpg" alt="Non Magnetic Slides" width="153" height="148" border="0" id="Image27" onclick="MM_goToURL('parent','Non_Magnetic_Slides.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image23','','images/lead_screw_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/lead_screw_actuators1.jpg" alt="Lead Screw Actuators Lead Screw Stages" width="153" height="148" border="0" id="Image23" onclick="MM_goToURL('parent','Lead_Screw_Actuators_Lead_Screw_Stages.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image22','','images/crossed_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/crossed_roller_bearings1.jpg" alt="Crossed Roller Bearings Crossed Roller Rails" width="153" height="148" border="0" id="Image22" onclick="MM_goToURL('parent','Crossed_Roller_Bearings_Crossed_Roller-Rails.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image25','','images/slide_guides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/slide_guides1.jpg" alt="Slide Guides" width="153" height="148" border="0" id="Image25" onclick="MM_goToURL('parent','Slide_Guides.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image24','','images/belt_drives2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/belt_drives1.jpg" alt="Belt Drive Actuators Linear Actuators" width="153" height="148" border="0" id="Image24" onclick="MM_goToURL('parent','Belt_Drive_Actuators_Linear_Actuators.html');return document.MM_returnValue" /></a></td>
      </tr>
    </table>
</div>
Thank you!
Matt

Thanks for the replies Nancy O. and Murray.
It's been so long since I did this hack (for FireFox), I don't remember anything about it.
I believe I should delete lines 80 & 81, and leave everything else, right?:
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
Is there anything else I need to do?
Murray, where did you get this code?:
Murray *ACP* wrote:
Yes - this is the result of that hack:
<div class="RoundedBox v08vnSVo78t4JfjH" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;">
Dump it!
Thanks again, both of you!
Matt

CSS : Background image not appearing on header

Hi Guys,
I need help with the background color of my header, for some reason, it's appearing in dreamweaver but NOT in the browser (FF, Chrome)
If you have firebug, you can check the source from the link below.
http://oneworldlc.ph/contact.php
<body>
<div id="main_container">

<div id="top_nav">
    <div id="nav">
      <div id="nav_container">
        <ul>
          <li><a href="contact/index.html">Home</a></li>
          <li>|</li>
          <li><a href="#">About Us </a></li>
          <li>|</li>
          <li><a href="#">Company</a></li>
          <li>|</li>
          <li><a href="#">Contact Us</a></li>
        </ul>
      </div>
    </div>
</div>

<div id="contact_banner">
    <div id="contact_logo">
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <h2 align="center">Merging cultural gaps between Americans and BPO centers in the Philippines</h2>
      <p align="center" class="emphasis_red">We provide FREE training</p>
    </div>
</div>
<div id="page-wrap">
    <p align="center"><img src="images/contact_07.png" alt="Contact One World Learning Center Inc." width="180" height="44" /></p>
    <p> </p>
    <h1 align="center">One World Learning Center Inc.</h1>
    <p align="center" class="georgia_16px_559cbe">21st Floor, Robinson's Cybergate Tower 3, Pioneer St.</p>
    <p align="center" class="georgia_16px_559cbe">Mandaluyong City 1550</p>
    <p align="center"><span class="georgia_16px_559cbe">Phone: +63 917 887 7424</span><br />
    </p>
    <div id="contact-area">
      <form method="post" action="contact/contactengine.php">
        <table>
          <tr>
          <td> </td>
            <td><em>
              <label for="Name" class="left"><strong>              Name:</strong></label>
              (required)<br />
              <br />
              <input name="Name" type="text" value="First Name, Last Name" />
            </em></td>
          </tr>
         <tr>
            <td> </td>
            <td><em>
              <label for="Tel" class="left"><strong><br />
              Contact Number:</strong></label>
              (required)<br />
              <br />
              <input type="text" name="Tel" />
            </em></td>
          </tr>
          <tr>
            <td> </td>
            <td><label for="Email" class="left"><strong><em><br />
            Email:</em></strong></label>
            <em>(required)</em><br /><br /><input name="Email" type="text" value="[email protected]" /></td>
          </tr>
          <tr>
            <td> </td>
            <td><label for="Message" class="left"><strong><em><br />
            Message:</em></strong></label>
            <em>(required)</em><br /><br /><textarea name="Message" rows="20" cols="20">Type your message here</textarea></td>
          </tr>
        </table>
        <div id="captcha-area">
          <?php
                    require_once('contact/recaptchalib.php');
                    $publickey = "6Lcd3AgAAAAAAAshrQD48fz1uOm_KrgeRBEnsU9e";
                    $privatekey = "6Lcd3AgAAAAAALNv3Uga2Pi7tHi08wODv-fsXR_N";
                    # the response from reCAPTCHA
                    $resp = null;
                    # the error code from reCAPTCHA, if any
                    $error = null;
                    # are we submitting the page?
                    if ($_POST["submit"]) {
                      $resp = recaptcha_check_answer ($privatekey,
                                                              $_SERVER["REMOTE_ADDR"],
                                                              $_POST["recaptcha_challenge_field"],
                                                              $_POST["recaptcha_response_field"]);
                      if ($resp->is_valid) {
                         echo "You got it!";
                         # in a real application, you should send an email, create an account, etc
                      } else {
                         # set the error code so that we can display it. You could also use
                         # die ("reCAPTCHA failed"), but using the error message is
                         # more user friendly
                         $error = $resp->error;
                    echo recaptcha_get_html($publickey, $error);
                    ?>
        </div>
        <input type="submit" name="submit" value="Submit" class="submit-button" />
      </form>
    </div>
</div>
</div>
</body>
Here's the css:
@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#main_container #top_nav {
     height: 35px;
     background-color: #000000;
#main_container #top_nav #nav {
     font-family: Georgia;
     height: 35px;
     width: 940px;
     margin-right: auto;
     margin-left: auto;
#page-wrap h1 {
     font-family: Georgia;
     font-size: 26px;
     font-style: normal;
#footer {
     background-color: #000000;
     color: #FFFFFF;
     text-align: center;
#footer_owl_cont p    {
     margin-left: 120px;
#footer_owl_cont    {
     float: left;
     width: 481px;
     clear: both;
     margin-left: 239px;
     background-image: url(images/owl_footer.gif);
     background-repeat: no-repeat;
     background-position: left center;
     height: 142px;
     color: ffffff;
     background-color: transparent;
#sidebar #sidebar_cont_2 {
     margin-top: 255px;
#pitch_container {
     height: 150px;
     background-color: #000000;
     margin-right: auto;
     margin-left: auto;
     color: #FFFF00;
     font-family: Arial;
     font-style: italic;
     width: 900px;
     margin-top: 100px;
#body_container {
     margin-right: auto;
     margin-left: auto;
     width: 940px;
     padding-top: 30px;
#footer_owl_cont .georgia_14px_559cbeCopy a    {
     color: #FFFFFF;
     text-decoration: none;
#footer_owl_cont .georgia_14px_559cbeCopy a:hover    {
     text-decoration: underline;
#main_container #top_nav #nav ul li a {
     font-family: Georgia, sans-serif;
     color: 559cbe;
     text-decoration: none;
#main_container #top_nav #nav {
     color: 559cbe;
     text-decoration: none;
#main_container #top_nav #nav #nav_container {
     clear: both;
     float: left;
     margin-top: 10px;
#main_container #top_nav #nav #nav_container a:hover {
     text-decoration: underline;
#main_container #top_nav #nav #nav_container a {
     color: #559CBE;
     text-decoration: none;
     font-family: Georgia;
#main_container #top_nav #nav ul {
     list-style-type: none;
#main_container #top_nav ul li {
     display: inline;
     padding-right: 2.5px;
     padding-left: 2.5px;
#copyright   {
     width: 940px;
     margin-right: auto;
     margin-left: auto;
     height: 148px;
     color: 559cbe;
#main_container   #header_container {
     background-image: url(images/bg_header.jpg);
     background-repeat: repeat-x;
     background-position: center top;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #000000;
#main_container #header_container #header_main {
     height: 354px;
     width: 940px;
     margin-right: auto;
     margin-left: auto;
     background-color: transparent;
     background-image: url(images/header_bg2.png);
     background-repeat: no-repeat;
     background-position: right;
#main_container #header_container #header_main #submit_cont {
     float: left;
     margin-top: 233px;
     margin-left: 435px;
     font-size: 18px;
     font-family: Georgia;
     font-style: italic;
#main_container #header_container #header_main #submit_cont a {
     color: #FFFF00;
     text-decoration: none;
#main_container #header_container #header_main #submit_cont a:hover {
     text-decoration: underline;
#sidebar {
     float: left;
     width: 380px;
     clear: both;
#maincontent {
     width: 540px;
     margin-left: 400px;
     font-family: Georgia;
     line-height: 1.6em;
#sidebar #banner_1_cont {
     height: 235px;
     width: 380px;
     background-image: url(images/banner_1_q1.jpg);
     background-color: transparent;
     background-repeat: no-repeat;
     background-position: center center;
     clear: both;
     float: left;
#sidebar #banner_1_cont p {
     font-family: Georgia;
     font-size: 13px;
     font-style: italic;
     color: #000000;
     margin-top: 175px;
     margin-left: 15px;
     position: relative;
#maincontent ol {
     list-style-position: inside;
#maincontent h3 {
     font-size: 26px;
#pitch_container ul li {
     font-family: Georgia;
     font-size: 26px;
     font-style: italic;
     line-height: 1.6em;
     color: 1e1e1e;
I hope you can enlighten me guys, am I missing something which makes it NOT to appear in Dreamweaver?
Regards,
Sid

Thanks for the response Gary. However, the 35px that you're seeing is actually for the #nav. I recreate the css and tried to remove some of the heirarchy thing. Here's the updated copy. I even tried to remove the #main_container. Same thing happens, the bg image is still not appearing? I tried changing the file type to JPG but to no avail. I think I'm overlooking something which is causing the issue.
@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#top_nav {
     height: 35px;
     background-color: #000000;
#nav   {
     font-family: Georgia;
     height: 35px;
     width: 940px;
     margin-right: auto;
     margin-left: auto;
#page-wrap h1 {
     font-family: Georgia;
     font-size: 26px;
     font-style: normal;
#footer {
     background-color: #000000;
     color: #FFFFFF;
     text-align: center;
#footer_owl_cont p    {
     margin-left: 120px;
#footer_owl_cont    {
     float: left;
     width: 481px;
     clear: both;
     margin-left: 239px;
     background-image: url(images/owl_footer.gif);
     background-repeat: no-repeat;
     background-position: left center;
     height: 142px;
     color: ffffff;
     background-color: transparent;
#sidebar #sidebar_cont_2 {
     margin-top: 255px;
#pitch_container {
     height: 150px;
     background-color: #000000;
     margin-right: auto;
     margin-left: auto;
     color: #FFFF00;
     font-family: Arial;
     font-style: italic;
     width: 900px;
     margin-top: 100px;
#body_container {
     margin-right: auto;
     margin-left: auto;
     width: 940px;
     padding-top: 30px;
#footer_owl_cont .georgia_14px_559cbeCopy a    {
     color: #FFFFFF;
     text-decoration: none;
#footer_owl_cont .georgia_14px_559cbeCopy a:hover    {
     text-decoration: underline;
#nav ul li a   {
     font-family: Georgia, sans-serif;
     color: 559cbe;
     text-decoration: none;
#nav   {
     color: 559cbe;
     text-decoration: none;
#nav_container    {
     clear: both;
     float: left;
     margin-top: 10px;
#nav_container a:hover    {
     text-decoration: underline;
#nav_container a    {
     color: #559CBE;
     text-decoration: none;
     font-family: Georgia;
#nav ul   {
     list-style-type: none;
#top_nav ul li {
     display: inline;
     padding-right: 2.5px;
     padding-left: 2.5px;
#copyright   {
     width: 940px;
     margin-right: auto;
     margin-left: auto;
     height: 148px;
     color: 559cbe;
#header_container     {
     background-image: url(images/bg_header.jpg);
     background-repeat: repeat-x;
     background-position: center top;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #000000;
#header_main   {
     height: 354px;
     width: 940px;
     margin-right: auto;
     margin-left: auto;
     background-color: transparent;
     background-image: url(images/header_bg2.png);
     background-repeat: no-repeat;
     background-position: right;
#submit_cont    {
     float: left;
     margin-top: 233px;
     margin-left: 435px;
     font-size: 18px;
     font-family: Georgia;
     font-style: italic;
#submit_cont a    {
     color: #FFFF00;
     text-decoration: none;
#submit_cont a:hover    {
     text-decoration: underline;
#sidebar {
     float: left;
     width: 380px;
     clear: both;
#maincontent {
     width: 540px;
     margin-left: 400px;
     font-family: Georgia;
     line-height: 1.6em;
#banner_1_cont {
     height: 235px;
     width: 380px;
     background-image: url(images/banner_1_q1.jpg);
     background-color: transparent;
     background-repeat: no-repeat;
     background-position: center center;
     clear: both;
     float: left;
#banner_1_cont p {
     font-family: Georgia;
     font-size: 13px;
     font-style: italic;
     color: #000000;
     margin-top: 175px;
     margin-left: 15px;
     position: relative;
#maincontent ol {
     list-style-position: inside;
#maincontent h3 {
     font-size: 26px;
#pitch_container ul li {
     font-family: Georgia;
     font-size: 26px;
     font-style: italic;
     line-height: 1.6em;
     color: 1e1e1e;

Background job not showing full output of Report

Dear Experts
we have created zpgm for stad report and try to take output as mail to particular user for future analysis bcaz stad gives only 2 days report only we need keep report for months together so when we run job in foreground it shows proper output but when same thing when we run from background it shows only some part of report in mail (we are unable to get full output through background job )
we send mail through spool receipts we have created folder and maintain user for getting mails through so15 distribution list
we need some input to come out of this major issue
if there is any other workaround let me know
Regards

Hello,
If a job is defined by transaction SM36, the print format parameters will only be taken into account, if they are saved as user specific print parameters of the batch user. If no user specific print format
is defined, the ALV standard logic will be processed adjusting the print format to the actual line size of the report.
For example, the list line size is about 132 characters, the widest available format of the chosen printer will be selected X_65_132.
The problem would be solved by defining a device type which is no format assigned to print, or by defining user specific print format parameters for the batch user, who creates the jobs in SM36 (see
SAP note 1179399, item 6).
Regards,
David

CSS- Background img not showing up in container

Similar Messages

Maybe you are looking for