Help: Added Transparency Div, now site won't center properly...

-

good evening, i'm having issues here on bro's adult site i'm in charge of.  in "element div" instructions how give page 50% transparency.  "content div" contains text/photos. whatever reason cannott diagnos, page shifted left. content fits on top of element div doesn't dim text.

 

in screenshot provided, site far pushed left of background image (1600 pixels) can't see 4th girl.  entire site 1100 px, in theory, if centered properly, should see amount of both of end girls. bar blocking out obvious nudity.  4th girl far out of frame right, can't see her.  page wide. seems no matter what, testers can still see end of bacground image on larger tvs used monitors. advice on cool well.

 

thanking guys in advance asssitance.

screenshot.jpg

-most of relevan css below-

 

h1, h2, h3 {

          margin: 0;

          padding: 0;

          font-weight: normal;

          color: #fff;

}

 

 

h1 {

          font-size: 3em;

          text-align: center;

          padding-bottom: 10px;

          font-weight: bold;

}

 

 

h2 {

          font-size: 2.4em;

}

 

 

h3 {

          font-size: 1.6em;

}

 

 

p, ul, ol {

          margin-top: 0;

          line-height: 180%;

}

 

 

ul, ol {

}

 

 

a {

          text-decoration: none;

          color: #4486c7;

}

#wrapper {

          width: 1100px;

          margin: 0px;

          height: 750px;

          position: fixed;

 

          }

#element1 {

          position: relative;

          z-index: 1;

          background-color: #000;

          height: 1550px;

          width: 1100px;

          /**50% opacity**/

          background: #000000;

          /**for pre-ie8**/

          filter: alpha(opacity=50);

          /**for ie8 only**/

          -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=50)";

          /**for non-ie browsers**/

          opacity: 0.5;

          border: thin solid #999;

}

#content {

          z-index: 2;

          position: relative;

          top: -1550px;

          width: 1000px;

          color: #fff;

          text-align: left;

          margin: 0px auto;

}

that code makes little sense me - it's messy. first, set wrapper div margin: 0 auto; center it. next, background image work best in body tag background-position: center top;

 

and remove fixed position on wrapper. , height. work document flow, not against it.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Adobe Acrobat Pro , Terminal Server Use

-
hello,   a fellow employee requires adobe acrobat pro installed use, , management me have sorted out. employee uses thin client connect terminal server of administration work.   i require single license adobe acrobat pro used single user.   will there license issues installing adobe acrobat pro on terminal server?   can install adobe acrobat pro on terminal server?   thanks, david hi david,   yes, can install acrobat terminal servers... !   the licensing terminal server considered normal licensing process, means need buy many number of licenses acrobat number of users accessing terminal server (like citrix) access software. eg if 10 users accessing citrix server @ particular time use acrobat software need 10 licenses same. More discussions in Installing, Updating, & Subscribing to Acrobat adobe
Read more

Thread: transmission-daemon isn't playing nice: "409: Conflict"

-
409: conflict request had invalid session-id header. fix this, follow these steps: when reading response, x-transmission-session-id header , remember it add updated header outgoing requests when 409 error message, resend request updated header requirement has been added prevent csrf attacks. error occurs when apache not running. i've tried zillion different proposed solutions involving rewriterules , proxypasses golly i'm clueless. me? following apache thing, y'know, in case. code: <virtualhost *:80> rewriteengine on documentroot /var/www <directory /> options followsymlinks allowoverride none </directory> <directory /var/www/> options indexes followsymlinks multiviews allowoverride none order allow,deny allow </directory> scriptalias /cgi-bin/ /usr/lib/cgi-bin/ <directory "/usr/lib/cgi-bin"> allowov...
Read more

Thread: gpg: Conflicting Commands

-
Image
hi, relatively new linux (have used many live disks) , have had install of ubuntu 12.04 few days now. part have found easy use , have been comfortable it. have first question can't resolve myself: adding googles repository list. when first ran command supplied google found did not have wget installed. used apt-get install it. worked fine (as far can tell) re-ran googles code : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add -deb http://dl.google.com/linux/deb/ stable non-free , message 'gpg: conflicting commands' tell me going wrong , how fix please new script : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add linux_signing_key.pub need edit /etc/apt/sources.list , add line @ end deb http://dl.google.com/linux/deb/ stable non-free end hope find usefull edit: need root or use sudo make changes /etc/apt/sour...
Read more