View Full Version : Help with a fullscreen css image code

05-07-2010, 05:38 PM
Ok I have been looking around the internet and found I code I think works fairly nice for this. The only problem is I cant place anything over top of it can someone please help I mean im lost here lol

<!DOCTYPE html>

<html lang="en">
<meta http-equiv="Content-Type" content="text/html;

<title>Techmandylan's site</title>
<style type="text/css" media="screen">

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: 0px 0 0 0;


<table cellspacing="15">

<td><a href="http://www.google.com/"><img src="E:/home.png"

border="0" /></a>

<td><a href="http://www.google.com/"><img src="E:/tutorials.png"

border="0" /></a>

<td><a href="http://www.google.com/"><img src="E:/downloads.png"

border="0" /></a>


<img src="E:\bg.jpg" class="bg" />



05-07-2010, 06:31 PM
Trying to make something like http://www.cssplay.co.uk/layouts/background?