Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
css:
html {
background: #000 url('images/main-bg.jpg') repeat-x;
}
body {
background: url('images/colors.png') no-repeat top center;
}
#wrapper {
background: url('images/wr-bg.png');
margin: 105px auto 0 auto;
max-width: 1180px;
max-width: 790px;
height: 500px;
}
html:
<!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>Mockup</title>
<link href="styles.css" type="text/css" rel="stylesheet" media="screen" />
</head>
<body>
<div id="wrapper">
</div> <!-- end wrapper -->
</body>
</html>
http://img444.imageshack.us/img444/1904/84082244.jpg
why the <body>'s bg-image goes down with wrapper?
If I remove <html>'s bg-image all works normally but I need 2 bg-images for 2 tags...
http://img132.imageshack.us/img132/3065/86678687.jpg -
- CommentAuthordmitryseliv
- CommentTimeApr 22nd 2010
Can you post jpg how it should look like?
DS -
it should look like second posted images but with a background-image(main-bg.jpg) in <html> tag.
my problem has been solved already:
body { margin:0; padding:105px 0 0 0;}
#wrapper { margin:0 auto;}
thanks for response!
1 to 3 of 3