Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi,
I have a faux-column repeating down the right-hand-side of the body. I've set a min-width on the body as well. IE7+/Safari behave as I want them to (in that the background image stays at the right-edge of the body when resized below it's 'min-width') but in FF/Opera the background just seems to ignore the min-width property and follows the browser edge. Please try out the following to see what I mean:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css" media="screen">
body{
min-width: 1000px;
background: url(bg.gif) repeat-y right top;
}
#test{
background: green;
}
</style>
</head>
<body>
<div id="test">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</body>
</html>
bg.gif can just be any image.
Thanks in advance. -
Could you please post the background image? Furhter, it would be more helpful to have your real site rather than a simple test setup.
-
Try applying the styles to the <html> instead of the <body>. That should give the desired effect.
-
Ah, just noticed a problem. You'll also need to add min-width: 1000px back to the body otherwise there'll be no scrollbars in Firefox.
-
@sardwon -- you're not wrong! Thank you
1 to 5 of 5