Resolved CSS help needed. [Archive]

tgallagher26

03-23-2009, 01:38 PM

Ok so here (http://kywordpro.com/index.php) is my site.

I am using this code

#wrapper {
BACKGROUND-POSITION: center;
BACKGROUND-IMAGE: url('random_images/rotate.php');
MAX-WIDTH: 1600px;
MAX-HEIGHT: 1050px;
BACKGROUND-REPEAT: no-repeat;
margin: 10px auto;
OVERFLOW: hidden;
POSITION: relative;
HEIGHT: 100%;
width: 100%;
}
#content {
background:white;
filter:alpha(opacity=70); opacity:.70;
td filter:alpha(opacity=70); opacity:.70;
}

I have to problems I cant figure out.

First my background I want the width & height to be 95% of the page regardless of the window size.

Second I want just the background of the content to be see thru not my images and form.

Can anyone help me with this?

Tim..

Medyman

03-24-2009, 01:38 PM

Hey Tim..

First my background I want the width & height to be 95% of the page regardless of the window size.

Since it's the background of your entire site, I'd add the background to the <body> tag. Most people don't think of the <html> and <body> tags in the same sense that they do divs. Really, they're all elements subject to CSS. So, you can use it in the same way. Try this:

html {
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#FFF;
}
body {
height:95%;
width:95%;
margin:0;
padding:0;
background:transparent url(random_images/rotate.php);
}

Second I want just the background of the content to be see thru not my images and form.
You're overcomplicating things. There is no reason to use the opacity filters here. The only reason you would use them is to either do some JavaScript animation. If you just want a translucent background, use a translucent image.