- This topic is empty.
-
AuthorPosts
-
March 24, 2010 at 10:42 pm #28517
TEMHOME
MemberHey everybody, any help would be greatly appreciated, I’m pretty new and don’t know why my codes are working. I have tried tons of different coding and I cant get my background to work. I was trying to make my background stretch across the screen or at least center on the page and be fixed. I can only get the image to appear in the top left corner of the page or it comes out tiled. I have tried both html and css coding but just don’t get what I am doing wrong. The site is temlow.ca if you wanna see what it looks like and I just have the basic background coding for the site, I don’t know what to add to make it stretch across the screen or if there is coding to resize the parameters of the image. Also if I try to edit in a .css file the page gives me an error page that says I cannot open the page. I am only able to see it with a .html file?
Once again thanks to anyone with some insight to share
This is the coding on the site now;
<html>
<head>
<style type="text/css"><!–
BODY {background: #000000 url(temhomebg.jpg) no-repeat }–></style>
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;/* Set up proportionate scaling */
width: 100%;
height: auto;/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}div#content {
/* This is the only important rule */
/* We need our content to show up on top of the background */
position: relative;/* These have no effect on the functionality */
width: 500px;
margin: 0 auto;
background: #fff;
padding: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 20px 0 0 0;
}</head>
</html>
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.