4 Replies Latest reply on Aug 28, 2007 1:38 PM by Newsgroup_User

    Fitting Background Images from CSS to any size screen

    siouxadmgr
      ok - I am very very new at this. I am using Dreamweaver MX 2004 and am having an issue with the external css on my site which is www.sioux.com

      When some people view it with larger screen sizes/monitors - it appears off to the left..........and I can't figure out how to fix the code so that it is centered no matter what the screen viewing size. Is there a simple way to do this?

      This is my code from the popmenus.css


      #HEAD {
      position: absolute;
      width: 795px;
      left: 95px;
      top: 0px;


      Any ideas? Thanks!
        • 1. Re: Fitting Background Images from CSS to any size screen
          siouxadmgr Level 1
          Anyone have any ideas on this? I am sure its an easy fix but I am such a beginner - I don't know css that well.....

          Any help is appreciated.
          • 2. Re: Fitting Background Images from CSS to any size screen
            siouxadmgr Level 1
            sorry - the site is www.sioux.com

            the large company name graphic on the top of every page seems to shift to the left on some larger screens

            I am just learning about css but when I try to adjust it on the homepage - this css page opens: popmenus.css

            The code inside that css page looks like this:

            @charset "iso-8859-1";
            /* CSS Document */
            #HEAD {
            position: absolute;
            width: 795px;
            left: 95px;
            top: 0px;
            }
            body {
            background-color: #FFFFFF;
            margin: 96px 0 0 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 100%;


            any ideas???
            THanks!
            • 3. Re: Fitting Background Images from CSS to any size screen
              Level 7
              Try removing this from your CSS

              position: absolute;

              left: 95px;

              --

              Walt


              "siouxadmgr" <webforumsuser@macromedia.com> wrote in message
              news:fb1kt9$csi$1@forums.macromedia.com...
              > sorry - the site is www.sioux.com
              >
              > the large company name graphic on the top of every page seems to shift to
              > the
              > left on some larger screens
              >
              > I am just learning about css but when I try to adjust it on the homepage -
              > this css page opens: popmenus.css
              >
              > The code inside that css page looks like this:
              >
              > @charset "iso-8859-1";
              > /* CSS Document */
              > #HEAD {
              > position: absolute;
              > width: 795px;
              > left: 95px;
              > top: 0px;
              > }
              > body {
              > background-color: #FFFFFF;
              > margin: 96px 0 0 0;
              > padding: 0;
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 100%;
              >
              >
              > any ideas???
              > THanks!
              >


              • 4. Re: External CSS Header to fit screens
                Level 7
                Absolute sets your page to Absolutly whatever you say (95px from the left
                edge, 0px from the top.) so whatever size your browser window, your page
                will start 95 px from the left edge.

                It's just an idea...