i need to have the backgound of the middle section continue to after the footer division... so that the person viewing wont see my backgroud image
or i would need to firgure out a way to have to different images in the background of the page ...one for the right side and one for the left side
see my dilema here (<!-- m --><a class="postlink" href="http://wholeteam.org">http://wholeteam.org</a><!-- m -->)Your description is confusing, but I believe this is the requirement:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>2 background images</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
height:100%;
margin:0;
}
html {
background:#000 url(BGright.gif) repeat-y right;
}
body {
background:#000 url(BGleft.gif) repeat-y left;
margin-right:100px; /* right image width */
padding-left:100px; /* left image width */
}
</style>
</head>
<body>
</body>
</html>it didnt work
this is the css i used for the container of the middle section
#container {
font-size:1.2em;
width:650px;
margin:0 auto;
border-right:3px double #000;
font-style: normal;
line-height: normal;
background-color: #FFFFFF;
}
how do i incorporate your suggestionsAs I wrote your description is confusing.
Do you want an image on the left and right or a background image and a central background image?ok let me make it a little clear... lets say i want a grey backgound on the right and white on the left...
how would i do thatFirst off you're going to have to place your conten area with a fixed, not centered margin in order to produce the correct foreground/background alignment at all browser widths.how do u do that.. sorry for the laymans questionMy best guess would be to change the margin of the container to margin:0 0 0 230px;.perfect it worked... now i can just use one background image that is a different on the right than on the left since.... the content area is fixed...
i have to say ray that it was an excellent idea..
or i would need to firgure out a way to have to different images in the background of the page ...one for the right side and one for the left side
see my dilema here (<!-- m --><a class="postlink" href="http://wholeteam.org">http://wholeteam.org</a><!-- m -->)Your description is confusing, but I believe this is the requirement:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>2 background images</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
height:100%;
margin:0;
}
html {
background:#000 url(BGright.gif) repeat-y right;
}
body {
background:#000 url(BGleft.gif) repeat-y left;
margin-right:100px; /* right image width */
padding-left:100px; /* left image width */
}
</style>
</head>
<body>
</body>
</html>it didnt work
this is the css i used for the container of the middle section
#container {
font-size:1.2em;
width:650px;
margin:0 auto;
border-right:3px double #000;
font-style: normal;
line-height: normal;
background-color: #FFFFFF;
}
how do i incorporate your suggestionsAs I wrote your description is confusing.
Do you want an image on the left and right or a background image and a central background image?ok let me make it a little clear... lets say i want a grey backgound on the right and white on the left...
how would i do thatFirst off you're going to have to place your conten area with a fixed, not centered margin in order to produce the correct foreground/background alignment at all browser widths.how do u do that.. sorry for the laymans questionMy best guess would be to change the margin of the container to margin:0 0 0 230px;.perfect it worked... now i can just use one background image that is a different on the right than on the left since.... the content area is fixed...
i have to say ray that it was an excellent idea..