Results 1 to 2 of 2

Thread: CSS help needed.

  1. #1
    Join Date
    Feb 2009
    Posts
    62
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default CSS help needed.

    Ok so here is my site.

    I am using this code
    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..
    Last edited by tgallagher26; 03-27-2009 at 03:36 PM.

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    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:

    Code:
    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •