Chrome Firefox HTML Display

Question

All,

I have couple of queries with respect to displaying html:

I have a background image that is set for the <body></body> component of my HTML page using the CSS as follows:

body {  
    background: url('XYZ.jpg') no-repeat;  
    background-position: center top;  
    background-size: 100%;  
    background-color: #422102;  
    font-family: "Algerian";  
    font-size: 15pt;  
    color: #F8F8FF;  
}

For the setting above, the background image completely covers the display window in Chrome but not in Firefox. I can see the background color in Firefox.

How can I make this consistent?

The contents in both Chrome and Firefox is displayed in CAPITAL letters when I have not even set capital letters for the <body></body> section. How can I fix this?

Answer 1

background-size is not a widely supported CSS property. Use -moz-background-size in addition to background-size to get it working in FF 3.6+. See quirksmode .
You must have a text-transform: uppercase somewhere in your CSS, or your text is literally written in all caps, or you're using a font that only has capital letters.

Chrome Firefox HTML Display

Question

1 answers

solution1
1 ACCPTED 2011-03-14 01:56:59

Chrome Firefox HTML Display

Question

1 answers

solution1 1 ACCPTED 2011-03-14 01:56:59

solution1
1 ACCPTED 2011-03-14 01:56:59