CSS background cover vertically?
i want to do a site with a large background image, but when the browser its to small the image repeat itself.
does anybody have a nice idea of how to fix it?
should i use a color gradient to mix them?
or set the size or the proportion of the image to something?
is there a css background property to cover vertically?
I don't like to use extra large images for backgrounds as they take up too much bandwidth which creates slower loading pages. Also, you can't predict how small or large your end user's viewport is so your image may not display appropriately on many web devices (mobile phone, tablet, laptop, ultra-wide).
The best backgrounds for web pages are small seamless tiles or gradient slices that repeat horizontally and vertically to fill the browser's viewport, regardless of size.
body {
background-image: url(BG-image,jpg;
To repeat an image vertically
body {
background-image: url(BG-image,jpg;
background-repeat: y;
To repeat an image horizontally
body {
background-image: url(BG-image,jpg;
background-repeat: x;
More on backgrounds:
http://alt-web.com/Backgrounds.shtml
http://w3schools.com/css/css_background.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
Spry Sliding Panel bugs with Flash SWF, iFrames, CSS background images
Greetings,
I'm working on a site right now that is build with Spry 1.6
Sliding Panels. On the home panel I have integrated a looping SWF,
and scrolling iFrames on the Overview panel. After extensive
research on these forums, I'm still scratching my head at a few
bugs listed below:
• Firefox (MAC v2.0.0.14)
- The SWF on the home panel doesn't hide properly when
sliding to a different panel. I have set 'wmode opaque' parameters
to the flash file, but this seems to have not resolved the issue.
- Additionally, I've noticed that sometimes the SWF will not
finish sliding into the correct position when clicking to the home
panel (the SWF will stop sliding several pixels left of the
original positioning).
- The SWF (which happens to be a loop animation) resets every
time the home panel is visited. In my testing, this does not happen
in any other browser.
- On the Overview panel, scrolling iFrames are used on the
"Staff Profiles". These iFrames don't hide properly when clicking
through other panels, as the scroll bars are still viewable.
- Overall, the sliding animation is a bit choppy compared to
all other browsers. I can live with this, but I wonder if I have
improper code somewhere?
• Opera (MAC v9.27)
- Same issue as above concerning the fact that the SWF
appears outside of the sliding panel view port.
• IE 6
- CSS background images flash during the sliding panel
animation.
* Site page links *
Main URL
Home
Page iFrame
Overview
Page iFrame
* CSS *
Main
site-wide CSS
Sliding
Panels CSS
* Scripts *
Sliding
Panels Sript
Any suggestions, pointers would be much appreciated!
Cheers,
ChrisGreetings,
I'm working on a site right now that is build with Spry 1.6
Sliding Panels. On the home panel I have integrated a looping SWF,
and scrolling iFrames on the Overview panel. After extensive
research on these forums, I'm still scratching my head at a few
bugs listed below:
• Firefox (MAC v2.0.0.14)
- The SWF on the home panel doesn't hide properly when
sliding to a different panel. I have set 'wmode opaque' parameters
to the flash file, but this seems to have not resolved the issue.
- Additionally, I've noticed that sometimes the SWF will not
finish sliding into the correct position when clicking to the home
panel (the SWF will stop sliding several pixels left of the
original positioning).
- The SWF (which happens to be a loop animation) resets every
time the home panel is visited. In my testing, this does not happen
in any other browser.
- On the Overview panel, scrolling iFrames are used on the
"Staff Profiles". These iFrames don't hide properly when clicking
through other panels, as the scroll bars are still viewable.
- Overall, the sliding animation is a bit choppy compared to
all other browsers. I can live with this, but I wonder if I have
improper code somewhere?
• Opera (MAC v9.27)
- Same issue as above concerning the fact that the SWF
appears outside of the sliding panel view port.
• IE 6
- CSS background images flash during the sliding panel
animation.
* Site page links *
Main URL
Home
Page iFrame
Overview
Page iFrame
* CSS *
Main
site-wide CSS
Sliding
Panels CSS
* Scripts *
Sliding
Panels Sript
Any suggestions, pointers would be much appreciated!
Cheers,
Chris -
i have a css background gradient... but when i scroll, the gradient stick in the loading height.
what can i do to have the gradient correct always?
html {
height:100%;
body {
height:100%;
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: -moz-linear-gradient(top, rgba(84,84,84,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(84,84,84,0.9)), color-stop(100%, rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(84,84,84,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(84,84,84,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(84,84,84,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(top, rgba(84,84,84,0.9) 0%, rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6545454', endColorstr='#e6000000', GradientType=0 );
margin: 0;
padding: 0;
color: #000;Don't know about the Javascript - you basically would need to create a listener that would detect when the window size changed and the reapply the CSS gradients. One issue with that approach is that it can become a bit of a resource hog.
For approach #2 check out: http://www.designbyfire.com/ - scroll and look at the bottom of his text content - he's using a transparent png graphic to create a kind of fade gradient effect (it's very subtle). Take a look at the source to see how he did it. Also this might be helpful:
http://www.1stwebdesigner.com/inspiration/beautiful-gradient-effects-on-web-design-researc h-part-2/ - a bunch of sites that use this technique for background gradients.
But basically create a gradient graphic in Photoshop (you only need a small sliver graphic as we can repeat it across the x-axis). Then in your CSS do something like this:
body{
background:#ccc url("path/to/gradientImage.jpg") bottom repeat-x;
Change the background color (#ccc) to match the top of your gradient image color. "bottom" tells the browser to attatch the graphic to the bottom of the body tag, "repeat-x" tells the browser to repeat it across the x-axis (horizontal). If you've done it right, your background image will blend into the background color creating a nice gradient effect. -
Firefox don't load CSS Background at all on any Websites.
Hey All
I am running Firefox12 on Windows 7 ( 64 bit )
Firefox does not load ANY css bg images, css background colors and text colors. Layout is all completely normal, but all colour and background stuff doesn't work (links are all blue, pages all white, etc.). at all on any sites.
I've tried disabling all add-ons and restarting firefox and restarting the computer and clearing the cache and all that good stuff.
Settings are not blocking images and are surely loading all image content automatically and all.
Also Checked
Firefox > Preferences > Content : Fonts & Colors: Colors > [[X]"Allow pages to choose their own colors, instead of my selections above"
So that's not it
I also use Firebug, but clearing the console does nothing. Neither does uninstalling Firebug. I noticed that in the Firefox Error Console I receive warnings for these issues. For example on this page I see numerous warning like:
Look below for Few Screenshots of Error ConsoleMake sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Accessibility settings.
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
*http://kb.mozillazine.org/Website_colors_are_wrong
*http://kb.mozillazine.org/Websites_look_wrong -
Hi
I know that I am overlooking something incredibly simple,
however I am really new to Dreamweaver and can't seem to figure out
where I'm going wrong.
I basically want to use CSS to make the background of my page
grey. The rule I have is quite simply:
.background {
background-color: #CCCCCC;
However when I apply it to the page, all that appears is a
row of grey at the very top and that's it. No matter what I try I
just can't seem to make it cover the entire background.
If anyone could help me out, that would be great.
Thanks
NicolaIt *should* work the same, either externally linked or
internally embedded.
The fact that it doesn't means you have made an error
somewhere. The fact
that you don't have an identification of the error means that
you have not
provided enough information.
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
==================
"Nic26" <[email protected]> wrote in message
news:g4vaig$kdj$[email protected]..
> Thank you!
>
> I have managed to get it working.
>
> I had previously created the CSS as an external style
which wasn't
> working,
> however as soon a I made it an internal style with the
code you had all
> given
> me, it worked.
>
> Thanks again!
> Nicola
> -
CSS Background Image - Newbie needs help
Good Afternoon,
I'm trying to place a background image in the body of my
page. Pasted below is the code:
Questions:
1. When viewed in the browser, only part of the image can be
viewed, and no vertical scroll bar is available to view the bottom
portion of it. Is there a setting to toggle such that the entire
image can be viewed?
2. As part of the background image, I have text that I want
to use as hotspots for links to other pages in the site. Do I need
to place a table or use some other technique to enable use of
hotspots?
Thanks from a very Green Newbie.
Sid> 1. When viewed in the browser, only part of the image
can be viewed, and
> no
> vertical scroll bar is available to view the bottom
portion of it. Is
> there a
> setting to toggle such that the entire image can be
viewed?
Background images will never force scrollbars.
> 2. As part of the background image, I have text that I
want to use as
> hotspots for links to other pages in the site. Do I need
to place a table
> or
> use some other technique to enable use of hotspots?
Yes. You cannot put hotspots on background images. Be aware
that this is
the worst (well, publishing a page made in Microsoft
Word/Publisher is the
worst) way to make a web page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Sid Childers" <[email protected]> wrote in
message
news:eksuka$56i$[email protected]..
> Good Afternoon,
>
> I'm trying to place a background image in the body of my
page. Pasted
> below
> is the code:
>
> Questions:
> 1. When viewed in the browser, only part of the image
can be viewed, and
> no
> vertical scroll bar is available to view the bottom
portion of it. Is
> there a
> setting to toggle such that the entire image can be
viewed?
> 2. As part of the background image, I have text that I
want to use as
> hotspots for links to other pages in the site. Do I need
to place a table
> or
> use some other technique to enable use of hotspots?
>
> Thanks from a very Green Newbie.
> Sid
>
> <style type="text/css">
> <!--
> body {
> background: url(Homepage.jpg) no-repeat;
> }
> -->
> </style>
> -
Hi
I have some css code that adds png image to a webpage. The problem is that white edges appear when page uploaded to server.
body {
background: url(images/plate.png) no-repeat;
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
The pngs core content is 920 in width. In the edges these is some design space. How can I have the design space cover the whole page with out white spaces in the edge.
Thanks.Tony404 wrote:
body {
background: url(images/plate.png) no-repeat;
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
add to your 'body' css:
margin: 0;
padding: 0;
body {
background: url(images/plate.png) no-repeat;
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0; -
Trouble with CSS background scaling
Hi,
Please take a look at the following page I am working on at
the moment
http://www.dpweddingphotography.co.uk/test.html
I am trying to acheive the look of
http://tomwickyphotography.com/index2.php?v=v1
Is this possible in Dreamweaver using CSS/Java? When I reduce
my browsers window and make it really narrow, up pops the white
blank space at the bottom of the page which I am trying to avoid.
You can see on the other site that when it gets to a certain point
it stops scaling down. The same with it vertically also.
Now I know this other site is done in flash but can it be
done in dreamweaver and if so how please?
Thanks
Here's the code I am using for testing:Im not really sure I understand your question, but if you
were to make this
graphic (ContactSheet-001.jpg ) a background image and set it
to repeat,
would that not solve the issue?
"bensmithhull" <[email protected]> wrote in
message
news:gmvntr$icj$[email protected]..
> Hi,
>
> Please take a look at the following page I am working on
at the moment
>
http://www.dpweddingphotography.co.uk/test.html
>
> I am trying to acheive the look of
>
http://tomwickyphotography.com/index2.php?v=v1
>
> Is this possible in Dreamweaver using CSS/Java? When I
reduce my browsers
> window and make it really narrow, up pops the white
blank space at the
> bottom
> of the page which I am trying to avoid. You can see on
the other site that
> when
> it gets to a certain point it stops scaling down. The
same with it
> vertically
> also.
>
> Now I know this other site is done in flash but can it
be done in
> dreamweaver
> and if so how please?
>
> Thanks
>
> Here's the code I am using for testing:
>
>
>
> <html>
> <head>
> <title>BG</title>
> <style type="text/css">
> body {
> /* for IE; otherwise, BG isn't fully stretched */
> margin: 0px;
> }
>
> #bg {
> position: fixed;
> margin: 0px;
> border: 0px;
> padding: 0px;
> left: 0px;
> top: 0px;
> width: 100%;
> height: 100%;
> overflow: hidden;
> z-index: 0;
> }
>
> #bg img {
> width: 100%;
> }
>
>
> #body {
> position: absolute;
> left: 0%;
> top: 0%;
> width: 100%;
> height:100%;
> padding: 0;
> z-index: 10;
> }
>
> li {
> margin-bottom: 2em;
> }
> </style>
> <!--[if IE]>
> <style type="text/css">
> body {
> margin: 0px;
> overflow: hidden;
> }
>
> #body {
> padding: 1em;
> width: 100%;
> height:100%;
> overflow: auto;
> }
> </style>
> <![endif]-->
> </head>
>
> <body>
> <!-- img must be encased in div to keep proper image
aspect ratio -->
> <div id="bg"><img
src="images/ContactSheet-001.jpg"></div>
>
> <div id="body">Put the page's content
here.</div>
> </body>
> </html>
> -
Spry Menu Bar using CSS background image without losing submenu ( V) indicators
Spry menu bar sets the down and side submenu indicators using
a positioned background image. I have a requirement to use a
specific background image yet must retain the > and v submenu
indicators. Without having to generate full width custom background
images for each of the menu item types to include the side and down
menu indicators, is there anyway to use a generic background image
and show the indicators using just CSS?Don't use reserved words in JS
var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
event is such a reserved word. If you change this to event1 then all is well.
I hope this helps.
Ben -
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.
>> -
Background image vertically distorted -appears ok when paused and restarted
using 768 x 576 .jpg images as background for a PAL standard idvd:
- when burned with "PAL"Standard (4:3)" / "professional quality" (movie length is 55 min,)
- & watching on a laptop/a mac g5 / a windows pc
the images appeared vertically distorted
but:
when pausing and restarting the dvd again the image
changes to the desired size
even when i used a quicktime as background movie
the same problem occurs
whereas:
the display on a TV* was fine
(given that a 4:3 ratio was set for a widescreen tv or using a 4:3 ratio TV)
when i did not use any image (burning just the movie)
nothing appeared to be distorted (the movie is not distorted
neither are the no-images-no-backgrounds-at-all menu screens)
Is there any specific colour depth or other technical information
i need to consider to solve this problem?
... I noticed that the colour of the image looks significantly different
on a TV compared to laptop/mac/windows pc
whereas the movie's colour appears to be quite similar
on TV/laptop/mac/windows pc ....Thank you for trying to help, I really appreciate it.
It does not matter which option you use. As you know, one would want the background image on each page of a site to be the same size and location to provide a seamless transition from page to page. When using the blank template, the page can have an image put in (using fit, fill, stretch, orig) and be contiguous from page to page. However, when using the Photo template, after clicking on an album image to view larger, the background image unexplicably shifts/distorts downward on the page, and stays that way even upon returning to the album. -
Hello all.
Newbie here, asking if it is possible for a user to
change/replace background images through Contribute CS3 that are
called by CSS stylesheet? All images are setup this way and I don't
want to have to use tables just so they can be able to change
images. Any suggestion or assistance is greatly appreciated.Yes, I recently ran into a similar problem!
2 workaround I like...
a) simply put the image file into your image directory and reference it using /i/image.jpg etc.
b) use this whitepaper by John:
http://jes.blogs.shellprompt.net/2007/05/18/apex-delivering-pages-in-3-seconds-or-less/
And make a file download script that you can use - works very well for me! -
Css background-position problem
Hello, I get a problem with this style:
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(images/myimage.jpg);
background-position: center bottom;
background-repeat:repeat-x;
</style>
In ie7 works fine, in firefox 2 the bottom position doesn't
work...
Any suggestion ?
Thanks
howdyHello, this is the page, simply copy and paste.
<!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>test background</title>
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(
http://img179.imageshack.us/img179/2401/backgroundkc8.jpg);
background-position: center bottom;
background-repeat:repeat-x;
#layer1{
text-align: center;
width: 300px;
margin-right: auto;
margin-left: auto;
border: 2px double #003333;
</style>
</head>
<body>
<div id="layer1">Lorem ipsum dolor sit amet,
consectetuer adipiscing
elit. Quisque cursus, justo a tincidunt volutpat, dui orci
feugiat
justo, at varius odio est quis turpis. Integer nisl enim,
condimentum
et, eleifend et, posuere quis, risus. Nam convallis. Integer
diam dui,
accumsan mattis, dignissim at, dictum rutrum, justo. Praesent
lacinia.
Cras a diam. Aenean quis elit. Duis mauris erat, aliquet nec,
malesuada
laoreet, aliquam sit amet, magna. Ut turpis metus,
sollicitudin ac,
fermentum non, pretium eu, augue. Nunc faucibus, leo eu
pharetra
ultrices, sem augue ultricies risus, at egestas velit lectus
ac velit.
Suspendisse pretium nibh dapibus turpis. Praesent felis mi,
vestibulum
eu, pellentesque et, consequat eu, ante. Nulla accumsan enim
et pede.
Suspendisse potenti.
Donec eget nulla. Proin et est. Integer volutpat, dolor
scelerisque
bibendum egestas, lacus dui venenatis odio, vitae varius
massa eros sit
amet ligula. Curabitur tellus. Curabitur ultricies volutpat
tellus. In
sodales. Duis cursus mi eu dui placerat porta. Mauris laoreet
turpis at
nunc. Vivamus volutpat, metus dignissim accumsan hendrerit,
turpis
turpis aliquet nulla, non viverra dui dui quis quam. Mauris
sem nunc,
laoreet in, elementum vitae, tempor a, libero. Cras ac turpis
sit amet
risus cursus ultrices. Sed id quam.
Nulla tortor ligula, adipiscing nec, ornare eu, gravida in,
justo. Sed
elementum vestibulum lectus. Mauris lectus mauris, convallis
nec,
posuere quis, lacinia at, felis. Vestibulum ante ipsum primis
in
faucibus orci luctus et ultrices posuere cubilia Curae;
Aenean cursus
quam eget dui. Maecenas sapien. Aenean pellentesque lobortis
mi. Quisque
tempor ipsum in libero. Pellentesque habitant morbi tristique
senectus
et netus et malesuada fames ac turpis egestas. Class aptent
taciti
sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos.
Quisque lacus tellus, ornare quis, euismod et, lacinia sed,
justo. Proin
auctor nisi sed tortor. Fusce in justo et nisl fermentum
vehicula.
Quisque urna felis, lacinia at, viverra in, fermentum ut,
lacus. Duis
tempus. Morbi bibendum libero vitae diam faucibus placerat.
Praesent eu sapien. Sed ut velit quis magna lobortis
malesuada.
Phasellus dignissim risus ac est. Pellentesque semper sem.
Donec porta
nulla nec quam. Pellentesque aliquet risus id quam. Proin
tincidunt erat
nec nunc. Praesent euismod fringilla ipsum. Donec ornare.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Sed leo.
Proin non nisi non neque porta tempus. Proin varius velit eu
sapien.
Pellentesque pulvinar arcu id ante. Nunc eu diam. Phasellus
euismod,
felis in scelerisque pharetra, diam augue eleifend mi, a
rutrum mauris
arcu nec orci. Proin sed erat. Pellentesque et libero.
Aliquam ante
velit, ultrices ut, fermentum ac, cursus ut, est. Etiam vitae
nisl ac
metus cursus viverra. Proin non felis. Donec massa. Nullam
quam lectus,
pulvinar eget, condimentum at, tristique in, quam. Proin
vehicula
elementum diam. Proin sapien. Praesent suscipit, lorem at
dapibus
fringilla, orci elit facilisis lacus, at dictum augue velit
quis enim.
Mauris eu mauris. Aliquam rhoncus fermentum pede. Vestibulum
gravida
vulputate mauris.
Pellentesque consectetuer. Cras tellus justo, iaculis vitae,
semper at,
scelerisque porta, tortor. Pellentesque at mi sed tellus
pellentesque
ultricies. In quis pede. Integer vel tortor at dui elementum
suscipit.
Praesent interdum posuere odio. Integer mollis mattis ipsum.
Duis id
metus ut nulla molestie sagittis. Suspendisse faucibus urna
vel metus.
Sed bibendum, dolor sit amet rhoncus rutrum, lorem turpis
pharetra
tortor, quis viverra neque lorem eget massa. Lorem ipsum
dolor sit amet,
consectetuer adipiscing elit. Suspendisse vestibulum arcu
vitae odio.
Fusce enim lacus, porttitor nec, scelerisque non, viverra eu,
enim. Sed
mauris. In hac habitasse platea dictumst. Duis porta mauris
quis orci.
Donec suscipit turpis eu dui egestas suscipit. Suspendisse
potenti. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. In hac habitasse platea dictumst.
Cras in arcu a mi iaculis ultricies. Pellentesque sed lorem
at sem
euismod blandit. Nullam pede lacus, interdum eu, aliquam a,
pretium vel,
sem. Pellentesque fringilla leo feugiat nibh. Cras non enim.
Donec
luctus ante vel diam. Mauris volutpat sapien eget nunc. Donec
nec lectus
nec leo iaculis fringilla. Sed felis magna, cursus et,
hendrerit sit
amet, pretium at, sapien. Vivamus ornare neque facilisis
arcu. Vivamus
nisi leo, varius ac, sodales ut, dapibus eget, eros.
</div>
</body>
</html> -
I recently purchased a new computer running Windows 7 professional 64 bit with a Pentium G630 2.7 ghz processor and 4GB memory on an ASUS P8H61-MX with integrated Intel graphics. Firefox and also Waterfox does not appear to be rendering a lot of background web information. To my mind it seems not to be taking account of all CSS instructions which I establish by checking my own web sites where background colour and images are not being shown. I run another Windows 7 Professional system 32 bit which is OK as is Opera and Safari on this system which leads me to believe it is a browser problem with 64 bit OS but then it still happens with Waterfox.
I use Firefox on a Windows 7 64bit sytem with no problems. It is probably more likely to relate to your Firefox settings, or some software extension you use.
* see [[websites look wrong]] -
I'm trying to have a color background that extends to the
edge of the browser. For some reason I'm not getting the same
results in different size monitor screens.... not browsers...
different screens. For example.
If I include html {height: 100%;} ... looks great in my 23"
widescreen.... but leaves an area of white toward the bottom of the
page on the 15" laptop screen (same browser). And the opposite, if
I don't include html {height: 100%;}, looks perfect in laptop
screen, and leaves a big white area on the large screen. This is
strange to me. The design is 100% compliant xhtml 1.0 strict and
css 2.1 according to w3c standards. any ideas?
Here's the CSS:
html {height: 100%;}
body {
text-align:center;
padding-top: 20px;
padding-bottom: 30px;
margin: 0px;
height: 100%;
background-color: #6C6C6C;He means a group selector, I suppose.
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
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:gbf9oi$qga$[email protected]..
>>> I hate combined tags
>
> What's a combined tag?
>
> --
>
> Walt
>
>
> "jsteinmann" <[email protected]> wrote
in message
> news:gbf6a9$mqo$[email protected]..
>> after reviewing over and over, I realized I had a
combination css tag
>> with 3 elements, that included html, that was adding
the FFFFFF color. I
>> hate combined tags : )
>
>
Maybe you are looking for
-
Choosing format options for saving a PDF in Photoshop
We are photographing newspaper pages, fixing them up in photoshop to be read using Adobe Reader. When I "save as" pdf it offers a whole host of little format options. I need a document size of about 1 Meg in order to get a whole year's worth of paper
-
Hi All, I have a small C# console app. I have been facing some timeout issue with Sql Azure for a while now. I now decided to use the retry logic and Reliable connections - using the TransientFaultHandling Enterprise lib RetryPolicy myretrypol
-
Has anyone heard of any issues regarding the new 500gb drives affecting performance in the Xserve Raid? I was recently advised not to purchase a Raid that was populated with 7x500gb drives -- It was claimed that you can experience dropped frames In F
-
Good afternoon, I'm looking to build/create an inexpensive two node cluster. I have a SLES11SP1 server that is running XEN as a virtual hosting server, I run about five servers in a virtual environment. I have three USB drives set up to host my Guest
-
No PDF viewing via the iphone?
Can anyone tell me how to view a pdf file?