Any recommendations for a user group discussing css?
Here's the question I want to post to one of those forums:
I'm trying to create a web page with an image and a navigation bar that
are fixed followed by content that can scroll "under" the image and
navigation bar. I have succeeded with that. I also want all of that
centered in the browser window with a background color all around
everything. I have succeeded with that, too, except that when something
in the div with the main content is long enough to scroll, it shows up
above the image and navigation bar. Is there some way to hide that other
than creating an image of a solid color matching that of the body color
and putting that before the image?
Structure is as follows:
<body>
<div id="container">
<div id="sitemast"></div>
<div id="navbar"></div>
<div id="main"></div>
</div> /* container */
</body>
css is as follows:
* {
margin: 0;
padding: 0;
}
body {
background: #000080; /* navy */
margin:0;
padding: 0 0 100px 0; /* to have a bottom "border" */
}
#container {
position: relative;
top: 30px;
margin: 0 auto;
width: 800px;
background: #ffffff;
}
#sitemast {
height: 150px; /* height of image */
width: 800px;
background: url(images/tetons.jpg) no-repeat;
color: white;
}
#navbar {
width: 800px;
height: 18px;
margin: 0;
background: #87CEFA; /* LightSkyBlue */
}
#main {
padding: 1em;
}
Thanks for ideas about the problem or another suitable forum.
--
Regards,
Dick Steffens
_______________________________________________
PLUG mailing list
[email protected]
http://lists.pdxlinux.org/mailman/listinfo/plug
