Adjust width

  • tyler1234

    (@tyler1234)


    12 years, 6 months ago

    I’m trying to make my main text area wider. Here’s the relevant code from the css:

    /* structure */
#container { background:url(../images/bg_header.gif) repeat-x; width:100%; }
#container-bg {  no-repeat bottom center; }
#page { width:998px; margin:0 auto; }

    I changed the width to 1098px but then it overlapped the background by 50px on each side. How can adjust the background header so there’s no overlap? I am a code amateur, so I paste the header info here in case that is of use: 

    /* header styles */
#header { height:120px; position:relative; z-index:2; }
#header h1 a { display:block; width:405px; height:60px; position:relative; top:40px; }

    Thanks for any help, oh knowledgeable ones!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    12 years, 6 months ago

    please post a link to your site;

    without seeing the issue, it is virtually impossible to help with formatting problems.

    Thread Starter tyler1234

    (@tyler1234)

    12 years, 6 months ago

    Hi Alchymyth,

    It’s still under construction, but here it is: jobs.drvino.com

    I also tried to widen the sidebar by 100px and you’ll see that the “post a job” button isn’t centered over the text below it now. Here’s (what I think is) the relevant code for that: 

    /* sidebar::post job */
#post-job { height:92px; background:url(../images/bg_post.png) no-repeat; text-align:center; padding:20px 0; }
#post-job a { display:block; text-indent:-9999px; background:url(../images/btn_post_job.png) no-repeat top center; width:300px; height:58px; }
#post-job p { font:normal 15px Georgia,serif; color:#7e7d79; font-style:italic; padding-top:10px; }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjust width’ is closed to new replies.