Title: please help: header &#8211; change width
Last modified: August 18, 2016

---

# please help: header – change width

 *  [pro_shine81](https://wordpress.org/support/users/pro_shine81/)
 * (@pro_shine81)
 * [19 years, 2 months ago](https://wordpress.org/support/topic/please-help-header-change-width/)
 * Hello everybody!
 * My website is: [http://www.yochitosway.de](http://www.yochitosway.de)
 * I am currently modifying a theme and would like to span the header background
   image over the whole site – but I have no idea how to do this.
 * The header image is called header_bg.gif and is loaded through a css file:
 * >  #header {
   >  width: 100%; height: 118px; background: transparent url(images/
   > header_bg.gif) repeat-x left top; }
 * Now it says 100%, but still the image is not shown over the whole page.
 * How can I change this?
    Thanks for your help, with best regards!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [jabecker](https://wordpress.org/support/users/jabecker/)
 * (@jabecker)
 * [19 years, 2 months ago](https://wordpress.org/support/topic/please-help-header-change-width/#post-548417)
 * chances are good that the header div is inside a container div that controls 
   the width of your whole site.
 *  Thread Starter [pro_shine81](https://wordpress.org/support/users/pro_shine81/)
 * (@pro_shine81)
 * [19 years, 2 months ago](https://wordpress.org/support/topic/please-help-header-change-width/#post-548420)
 * Thanks for the quick answer! But…
 * I went through the php files and the css file and the whole things seems to be
   like that:
 * In the **style.css** file is a div container called outline:
 * > #outline {
   >  width: 855px; margin: 0 auto; padding: 0; background: #fff; font-
   > size: 1.3em; }
 * plus the predefined header:
 * > #header {
   >  width: 100%; height: 118px; background: transparent url(images/header_bg.
   > gif) repeat-x left top; }
 * In the **header.php** it says:
 * > <body>
   >  <div id=”outline”>
   >  <div id=”header”>
   >  <div class=”blogtitle”> <h1>” title=”<?php bloginfo(‘name’);?
   > >”><?php bloginfo(‘name’); ?></h1> </div> </div> <!– end of #header –>
 * Now if I change the width of outline to 100% everything is stretched to 100%,
   but I just want to have the header_bg.gif changed to 100%.
 * How can I change this?
    Cheers!
 *  [jabecker](https://wordpress.org/support/users/jabecker/)
 * (@jabecker)
 * [19 years, 2 months ago](https://wordpress.org/support/topic/please-help-header-change-width/#post-548475)
 * If you move the line:
 * `<div id="outline">`
 * underneath the line:
 * `</div> <!-- end of #header-->`
 * that will move your header outside of “outline” so that the width of outline 
   doesn’t apply to header.
 * Note that this might screw up other things in your theme. But if it does you 
   can always move it back.
 * You should also [validate](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.yochitosway.de%2F).

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘please help: header – change width’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 3 replies
 * 2 participants
 * Last reply from: [jabecker](https://wordpress.org/support/users/jabecker/)
 * Last activity: [19 years, 2 months ago](https://wordpress.org/support/topic/please-help-header-change-width/#post-548475)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
