html help

**QRob001** · 15th Oct 2012, 06:44 PM

Hello and thanks in advance for any and all help.

Ok what I want to do if its possible is to have my web page, including background to size according to the viewers resolution fixed in place while also being able to scroll down the page of text etc. I have been able to size the background but it wont stay fixed, it scrolls with the rest. Or I have been able to fix the background and have scrolling abuility but the background and page do not resize to viewing resolution.

Any ideas or help would be greatly appreciated.

QRob001 Reviewed by QRob001 on 15th Oct 2012. html help Hello and thanks in advance for any and all help. Ok what I want to do if its possible is to have my web page, including background to size according to the viewers resolution fixed in place while also being able to scroll down the page of text etc. I have been able to size the background but it wont stay fixed, it scrolls with the rest. Or I have been able to fix the background and have scrolling abuility but the background and page do not resize to viewing resolution. Any ideas or Rating: 5

**Lock Down** · 15th Oct 2012, 07:32 PM

try this:

Code:

<style>
body 
{
background-image:url('yourbackground.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>

**Apathetic** · 15th Oct 2012, 07:53 PM

Check, background-size: cover (Example K). That should adapt on the browser size/resolution of the user.

**QRob001** · 16th Oct 2012, 03:17 AM

Ok this is what I have that allows the background to resize to the viewing resolution

Code:

<div>
<body bgcolor="#000000"  text="#FFFFFF">
<img src="tropicalbeach.jpg" class="world" bgproperties="fixed" text="white">
</div>
<style type="text/css">
.world {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5000;
}
</style>

Is there a way to modify this to resize the whole web page? Banners, button menues ect while allowing the viewer to scroll down text?

**Lock Down** · 16th Oct 2012, 05:17 PM

Did you try the code below?

Code:

<head>
<style>
body 
{
background-image:url('tropicalbeach.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>
</head>
<body>
your html code
</body>

html help

Thread Tools

Display

html help

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

html and css help

PSD to HTML

PSD to PHP/HTML?

(X)HTML, CSS slicing (6 years experience) | PSD to (X)HTML and CSS | Professional job

HTML help

Tags for this Thread

Posting Permissions

themaCreator - create posts from...

themaCreator - create posts from...

themaPoster - post to forums and...

themaCreator - create posts from...

themaManager - edit and manage...