 Gradient Background CSS |
| carsten chr |
 Apr 1 2012, 05:48 PM
Post
#1
|
|
Group: Members Posts: 2 Joined: 18-June 11 Member No.: 14,789  |
Hi !......
This is driving me nuts !.....  In my "stylesheet_background.css" file I've put: body {background-color: #787878; background-image:-webkit-gradient(linear, left top, left bottom, from(#CDCDCD), to(#131313)); background-image:-o-linear-gradient(top, #CDCDCD, #131313); background-image:-moz-linear-gradient(top, #CDCDCD, #131313); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#CDCDCD', endColorstr='#131313' gradientType='0')} In the top of my webpage I've put: <!DOCTYPE HTML> The output is as follows:  If I then remove the DOCTYPE, I'm getting this result:  And that's how I wan't it to be (as the last example) ! When I'm scrolling down the page, the gradient background stay fixed (read: don't change). What do I do to solve this issue - I need the DOCTYPE specified to show other things correctly ! Thanks ! |
  |
 
|
  |
Replies
| Christian J |
Apr 2 2012, 08:54 AM
Post
#2
|
|
.  Group: WDG Moderators Posts: 9,653 Joined: 10-August 06 Member No.: 7 |
Both screenshots seem to have gradients, just that the first one is smaller. The latter could happen if the BODY height is much larger, which in turn might be affected by the Doctype.
For example, to make a short BODY expand you might use CODE body {height: 100%;} in quirks mode, but in standards mode you need something like CODE html, body {height: 100%;} |
|
|
|
| pandy |
Apr 2 2012, 04:54 PM
Post
#3
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
That would explain it. I don't see a gradient in the first picture, but I've never been one for nuances.
 |
|
|
|
Posts in this topic
carsten chr Gradient Background CSS Apr 1 2012, 05:48 PM
pandy Does <!DOCTYPE html> make a difference? ... Apr 1 2012, 06:22 PM
Darin McGrew Does <!DOCTYPE html> make a difference? ... Apr 1 2012, 09:41 PM pandy I want to make sure it happens with other standard... Apr 1 2012, 10:47 PM Frederiek Can you post the url of the page?
BTW, you lack s... Apr 2 2012, 01:50 AM Christian J I just barely could make it out, to be sure I had ... Apr 2 2012, 07:02 PM pandy Background color doesn't always fill either, b... Apr 2 2012, 07:29 PM Christian J
Background color doesn't always fill either, ... Apr 3 2012, 04:45 AM Christian J
Background color doesn't always fill either, ... Apr 3 2012, 09:06 AM pandy Yes, but I say that doesn't always happen with... Apr 3 2012, 01:44 PM Christian J
Yes, but I say that doesn't always happen wit... Apr 3 2012, 05:45 PM Frederiek
Not if you add height: 100%; to the CSS. Apr 3 2012, 01:41 AM Christian J
Not if you add height: 100%; to the CSS.
Yes, t... Apr 3 2012, 04:36 AM Christian J The CSS3 "background-size" property make... Apr 3 2012, 09:05 AM |
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 19th April 2024 - 09:05 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC