Double background image renders in all browsers except IE - time Senitive question

Looking for help.  I have to hurry to set up a HTML5 Web site, unfortunately, I have to make it look like one that has been created using a model of sitebuilder package.  The original site is http://www.ourvietnamvets.com

I use Dreamweaver CS5.5 and validated my code structure with WC3 and received without errors or warnings.

IE does only the background color and not the double background image.

CSS CODING

@charset "utf-8";

{body

margin: 0;

do-family: Verdana, Arial, Helvetica, without serif.

do-size: 14px;

line-height: 20px;

background-color: #060b 60;

height: 400px;

Width: 992px;

background-image: url (.. / Images/bg_bp88.jpg), url (.. / Images/bg_jl6x.jpg);

background-position: top left Center;

background-repeat: no-repeat, repeat-x;

margin-left: auto;

margin-right: auto;

position:! important;

}

HTML5 CODING

! DOCTYPE HTML >

< html >

< head >

< meta charset = "utf-8" >

<!-TemplateBeginEditable name = "doctitle"-->

< title > Untitled Document < /title >

<! - TemplateEndEditable - >

<!-TemplateBeginEditable name = "head"->

<! - TemplateEndEditable - >

< link href = "css/twoColFixHdr.css" rel = "stylesheet" type = "text/css" > "

< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

< link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" > "

< / head >

< body >

< div class = "special" > stays Viet Nam Vets < / div >

< div class = "container" >

< div class = "sidebar1″" >

Y at - it an IE hack or something I should use?  I desperately need help on this.  I have the entire site to the top before the end of the week.  The former site is a reference to an old event of last year and this new site should be up like a blast of e-mail and a lot of marketing for this fundraiser is to get out on Monday morning.

Thanks in advance to anyone who can offer any help.

Daisy

Daisy, there is hope for everyone.

The good news is that it works in IE9, FF20, Chrome, Safari and other features of CSS level 3 support.

The bad news is that images of multiple-background in the selector similarly do not appear in pre - IE9 because they are not browsers compliant web standards.  Never have been, never will be.

The solution would be to feed the lesser browsers IE conditional comment with a single background image.

Or break things upwards, some more by applying unique background for html selectors, body and .header images.

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Re: Satellite L755d - all browsers except IE8 crashes after a few minutes

    Hello

    I have a Toshiba l755d for a month. Everything works well except firefox, chrome and opera.
    IE8 works. At first I thought it was just firefox because I just test firefox.

    SO I wrote a thread in my own language for firefox forum. Nobody has been able to help me with this problem of accidents. Then I thought to test other browsers that eventually does not work too.

    So finally after update of everything and anything that I decided to reinstall windows so no change atm there is nothing on my hard drive but windows 7 home premium(64bit), pilots, recently extend java, flashplayer, firefox, opera and chrome.

    Short:
    -all browsers except IE8 crashes after a few minutes
    Firefox - forum couldn't help me
    -l' laptop is new
    -everything is updatet to current version

    Any ideas?

    Cheers!

    Hello

    How about IE 9?
    Is it too much to plant?

    Able to recover the laptop once more you use HD recovery or recovery disks (that you have created in the past hopefully) in order to test the browsers with the Toshiba factory settings?

    This error message you received while the laptop crashing?

  • Site works in all browsers except IE - please help!

    I worked on this site for quite awhile. Throughout, I watched it in all browsers, I have access to, as well as on various computers.

    It worked fine on all but cut corners on some versions of Internet Explorer.

    Now that he is almost ready to launch, I find that for some reason seen in Internet Explorer, none of the links work. All other browsers seem to work OK.

    This could be due to 11 THE who recently launched? I know that it worked on IE not long ago.

    Here is the link

    http://2ndlookgraphics.com/CattAbstract/index.html

    I really need help on what the customer is present to its Board of Directors tomorrow.

    I work currently in Dreamweaver CC - I've just updated and do not know if I could have accidentally done something while trying to get used to the new interface.

    Thank you

    -Cathy

    Links seem to work in IE9, but I'm a little worried about that in your CSS code.  Positioning is not usually necessary on the body tag.  And a z-index of-10 could potentially cause usability problems.

    {body

    Color: #333;

    background-image: url (images/bkg - 3.jpg);

    background-repeat: repeat-x;

    text-align: center;

    margin: 0px;

    position: relative;

    ;

    background-color: #E2DEC5;

    }

    Nancy O.

  • Background image renders is not properly in Chrome

    Can you see what I did wrong with this image of bg?  The foot has a 1 image bg wide expandable px, which is good in all usual browsers except Chrome - get the same effect in live mode view necessarily done something wrong, but can't find it.

    Here's the url: http://www.empathydesign.co.UK/development/2TP/index.php usr:northernlight, pw: empnor733!

    Thank you!

    David_Powers wrote:

    Just before the end of the content, change this line:


    to do this:

    Don't ask me why, but it seems that Chrome does not like to use the
    tag to clear the float.

    Hmm that's strange he would appear in the correct position locally in Chrome BUT not remotely? It uses a different engine or some - thing more strange things happened I guess.

  • &lt; Div &gt; visible in all browsers except Firefox 35.01

    On wp.erikwiss.com the #slogan div is not visible in FF, where he shows perfectly in all other browsers. I'm sure this has something to do with positioning. But how can I solve this problem?

    It's found by FF CSS inspect element: (#slogan is supposed to be centered vertically and horizontally

    1. slogan {}
       height: auto;
       text-align: center;
       position: fixed;
       width: 100%;
       left: 50%;
       margin: 0px 0px 0px -50%;
       z-index: 2;
       top: 50%;
       transform: translateY(-50%);
    

    Change of position: fixed;
    to position: absolute;

  • I designed a Web site that shows in all browsers except firefox why?

    I created a site for my husband, who opened in firefox before sent to the host, but now it is downloaded, all other browsers will open it but not firefox and I don't know why. It comes up with the error message.

    Hello

    You can try to restart Firefox and check. If the problem persists, you can try now erase the Cookies, Cache , and active connections in (Alt + T) Tools > clear recent history , after selecting everything by the time range for clear.

    You can also go back through the update of Firefox for later and do a Reset.

    The reset Firefox feature can solve a lot of problems in restaurant Firefox to its factory default condition while saving your vital information.
    Note: This will make you lose all the Extensions, open Web sites and preferences.

    To reset Firefox, perform the following steps:

    1. Go to Firefox > help > troubleshooting information.
    2. Click on the button 'Reset Firefox'.
    3. Firefox will close and reset. After Firefox is finished, it will display a window with the imported information. Click Finish.
    4. Firefox opens with all the default settings applied.

    Information can be found in the article Firefox Refresh - reset the settings and Add-ons .

    This solve your problems? Please report to us!

  • A forum I visit has a 'Top' button that returns you to the top of the page - this feature works on all browsers except Firefox.

    This forum has a "top button at the bottom of each page." Clicking on it does the same function that hit the Home button, that is, it brings you to the top of the page. It works on other browsers, but does not work with Firefox.

    There is no element with a name or id 'top' on this page, and that this will not work with Firefox.

    javascript:(function(){var d=document,N;N=d.body.firstChild;N=N.parentNode.insertBefore(d.createElement("A"),N);N.setAttribute("name","top");})();
    
  • Flash fullscreen works in all browsers except IE.

    Can someone help me why the following code doesn't work only in Internet Explorer to full screen?

    Here is my code

    Code of the Flash file:

    We (Release)
    {
    getURL ("file/html nom.html", "_blank");
    }

    The Page HTML code:

    < html >
    < head >
    Nom.html file < title > < /title >
    < script type = "text/javascript" >
    function close_tab() {}
    Window.Open (","_self","); Window.Close ();
    }
    < /script >
    < / head >

    < body class = "body" style = "margin: 0" > < br >
    < center >
    < img src = "common screens\NWD for admission 2.png" alt = "Alternate" border = "0" >
    < Align = top input type = "image" src = "Screens\back.png" onclick ="close_tab ()" > "
    < /Center >
    < / body >
    < / html >

    I went in some forums where people discussed on this same issue, and many people have replied that it is the problem with the version of flash player, they have installed on their machine.

    But I have the latest version of flash installed on my machine.

    The fullscreen feature requires some specific settings for IE?

    It would be great if you can give me a solution as soon as possible.

    create a button (for example, fullScreen_btn) and use:

    {fullScreen_btn.onRelease = function ()}

    stage.displayState = "fullScreen";

    }

    and in your publishing settings: file/publish settings/html/model: flash only - allow full screen

  • Why my screen background image get doubled in size all of a sudden?

    My background image screen is all messed up.  I changed the image and now every photo, I try to set as background is too much and very grainy.  I have no idea of what happened, and I'm sure it's an easy fix... I don't know what it is.

    Change your resolution to a native of your screen:

    Start > Control Panel > appearance and personalization. Click personalization, click display settings. Under resolution, move the slider to the right size. If you have a laptop or a flat screen monitor, using its native resolution. Native resolution of your laptop in the documentation provided with your computer (which can be in a file on the hard drive) and will also be on the mftr computer tech support site. for your model. Native resolution of your screen will be in the documentation that came with the monitor and sometimes on the protective plastic sheet that was covering the screen.

    MS - MVP - Elephant Boy computers - don't panic!

  • CSS positioning of elements of PA for the text on the question of background image

    I'm relatively new to dreamweaver from frontpage in the dust. Some things have been easier or I'm missing something. My client site uses backgrounds customized site on most pages, and I just want to understand how the text of the provision above. From what I've read, it seems that using AP elements is the most appropriate at this stage of the construction.

    I can't to the do stay where I want that they. They are fine until you go full screen, then they move to the right. I need to find a way to keep them in one place no matter what. I'm sure you get the idea. Any help would be appreciated.

    http://www.homeworks4u.ca/Sitemap_Homeworks4U.html

    Non-living sites. I'm just waiting for text... and trying to figure out how to do so that he can stay on top of my baggage without messing with my menus.

    Thanks in advance,

    Scott

    APDivs (formerly known as layers) are NOT the best approach for this.  Here's why:

    http://apptools.com/examples/pagelayout101.php

    (1) find a good, shaping CSS to get started with.

    http://ALT-Web.com/templates/basic-1-Col-fixed.html

    (2) a text on a complex background image alignment is futile.  It is a concept of impression that Won't hold up on web pages because you can't control the browser settings, the screen or the text sizes.

    (3) height is a restriction in all browsers except IE.  Don't use values of height on containers with text inside them because this will inevitably cause failures when the text size is increased or amount of content exceeds the available space.

    (4) if necessary to show a background image, use the min-height CSS property.

    Tables to CSS Web Design part 1-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

    Tables to CSS Web Design part 2-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web-design.blogspot.com/

  • Background image in IE6 display problem

    I have another problem with my CSS. It includes background images don't display correctly in IE6. My navigation bar is an unordered list, and I use a technique of image replacement to replace the text for background images that serve as buttons. The height of each button is 12 pixels, and turnover is created by shifting the pixels of the image-12 to reveal the bottom of half of the image. So far so good. The images appear in all browsers but IE6 displays more than 12 pixels of the image, revealing part of the bearing underneath.

    Here is the page in question: http://www.colbydesign.com/redesign/index.html

    Here is a page of BrowserLab of the appearance of the page in IE6: http://www.colbydesign.com/redesign/images/ie6_screenshot.jpg

    The < ul > height and the height of the image are set to 12 pixels. I can't understand why IE6 has a problem with the CSS. Maybe there is a hack in IE6 that I can use? Any help would be appreciated.

    Thank you

    R Co

    I didn't have the chance to work through the problem set, but I think that the font size of your text in menu "off-screen" pushes down on the size of your ul and your li, as I see the contours 'spill over' into this div. specific

    Try those giving the #header h1 elements, specifically, set a smaller font size.

    Otherwise, try to apply a "overflow: hidden;" to the definition of hover.

    Beth

  • form input type = checkbox works in all browsers but FF. WHY?

    I created a div containing box entries that work in all browsers except FF.

    FF reported "undefined" for checkboxes and stopped running Javascript.
    

    You have a problem with the boxes or the onclick code?

    A good place to ask questions and advice on web development is the forum mozillaZine evangelism/Web development Standards.

    Aid to this forum are better informed on issues related to web development.

    You must register on mozillaZine forum site to post in this forum.

    See http://forums.mozillazine.org/viewforum.php?f=25

    You must post a link to the website or by mail to the relevant parts of the code.

  • Scalable background image from the browser window.

    fuddlebunker 3 months ago

    Looks like I gave the direct download link.  If you want to see an example on my site, you can go on http://www.fuddlebunker.com/scalable-....  That's what I wanted to post last night, but apparently I'm tired.

    lilpillz04 1 day ago

    What happens when you add text and the page length grows? My page renders a resolution more nearly the same page so that only when you reach the end of the page see you at the end of the picture. How can I get the picture to stay as it is planned, covering completely the screen and stationary and have only the text itself move?

    Can you post the URL, so I can take a look?

    Design.Hunter 6 hours ago

    The scale is not going to work well with a super high page. Best for heights of page fixed (and shallow). would love to hear if there is a way to separate scrolling of content from one medium to the scale.

    lilpillz04 2 hours ago

    I see the problem here with the height of the size of the image. Here's an example of what I would take place. www.themasters.com-- if you ctrl (+ or-) to zoom the image remains relatively constant. In addition, on other pages, is the background image. Could we change it to say cover the entire page giving more details and constrictions regarding its size or zoom?

    It seems that themasters.com uses a JavaScript to maintain the background image at 100%.  He works very simular to the solution I posted in the link that uses CSS to keep the background image to 100%

    In regard to the second question, you could do with abritrary html using a div.

  • Gradient background Image problem

    I created a gradient (a gray color that goes blank) and I use it as a background image. Everything is great, except for one page, which is very long. On this page, the gradient looks terrible b/c he jumps abruptly from white to dark gray.

    You can see what I'm talking about here: http://www.realestatepartnersadvantage.com/test/investorsearch.php
    (Choose 'National' in the drop down below and you will see how the gradient looks like once the search results are displayed.)

    How can I solve this problem? Do I have to make the gradient image as long as the length of the page? Or y at - it an easier way to handle this?

    1, your gradient is repeated. Assign the no repetition.

    2nd set the page background color for the background color of the
    gradient.

    --

    Walt

    "csbridges" wrote in message
    News:euhsji$LS$1@forums. Macromedia.com...
    > I created a gradient (a gray color that goes blank) and I use
    > as
    > a background image. Everything is great, except for one page, which is
    > very
    > long. On this page, the gradient looks terrible b/c of what it suddenly jumps
    > white
    > to dark gray.
    >
    > You can see what I'm talking about here:
    > http://www.realestatepartnersadvantage.com/test/investorsearch.php
    > (Choose 'National' in the menu drop-down and you will see how the)
    > gradient
    (> look once the 'National' search results is displayed.)
    >
    > How can I solve this problem? Do I have to make the gradient image as long
    > as
    > the length of the page? Or y at - it an easier way to handle this?
    >

  • Is there a way to control how a background image will appear on all browsers?

    I created a site that includes a fixed background image so that the only thing running is the main container that contains all the content. But I don't want tiled. I want this image to fill the entire screen behind the container. Is it possible to control my side (parameters or size the picture in some way) or is this something that I can not control at all?

    This http://www.onextrapixel.com/2012/03/02/using-css-background-size-responsively/ can help

Maybe you are looking for