What is this?
Quote:
<div id="fl">
</div>
<div id="fm">
</div>
<div id="fr">
</div>
|
It would be fairly easy to accomplish. First set your body background to the wood/desk image. Now create a div that most designers refer to as a wrapper. This will have your book background. Now when you position other divs, they will be in relation to the wrapper which encompasses the entire content.
Here's an example....
- Code: Select all
* {
margin: 0; /*These fix browser display issues*/
padding: 0;
}
body {
background: url(../url of your background);
/*Other coding as needed*/
}
div#wrapper {
background: url(../url of book bg) repeat-y;
margin: 0 auto; /*centers the wrapper*/
width: 750px; /*The width of your bg image*/
/*other coding as needed*/
}
...and then in
XHTML...
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>Test Site - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="temp.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
Code goes here...
</div>
</body>
</html>