I am sid. Who r u?

This post is in response to Nakul’s question on how to extend the header according to the browser’s width.

Here’s the challenge I gave myself: I want to make my Header stretch it’s background IF the browser width is more than the original width of the header (browser width > header’s width which is 950 px) and I want it to stay at 950 px if the browser’s width is less than 950 px.

So here’s how to do it.

1. Look for this code in your header.php file:

<div id=”top”>
<div id=”topi”></div>
<div id=”headr”>
<h1><a href=”<?php echo get_option(’home’); ?>/”>
<?php bloginfo(’name’); ?>
</a></h1>
<div class=”description”>
<?php bloginfo(’description’); ?>
</div>
<div class=”rss2″>
<a href=”<?php bloginfo(’rss2_url’); ?>” rel=”alternate” type=”application/rss+xml”><img src=”<?php bloginfo(’template_directory’); ?>/images/subscribe1.jpg” alt=”Subscribe” style=”border:0″/></a>
</div>
</div>
</div>

2. Add <div id=”pretop”> before the <div id=”top”>:

<div id=”pretop”>

<div id=”top”>
  <div id=”topi”></div>
  <div id=”headr”>
    <h1><a href=”<?php echo get_option(’home’); ?>/”>
      <?php bloginfo(’name’); ?>
      </a></h1>
    <div class=”description”>
      <?php bloginfo(’description’); ?>
    </div>
    <div class=”rss2″>
    <a href=”<?php bloginfo(’rss2_url’); ?>” rel=”alternate” type=”application/rss+xml”><img src=”<?php bloginfo(’template_directory’); ?>/images/subscribe1.jpg” alt=”Subscribe” style=”border:0″/></a>
    </div>
  </div>
</div>

</div>

3. Open style.css and add this css style:

#pretop {
background-color: #161616; }

4. Upload the files to the remote server.

So there. we just added a fluid background on our header. The pretop div that we added doesn’t contain any fix width so the width is browser dependent. Since it contains top div inside it which has a fix width of 950px, it will stop from shrinking once the browser’s width is less than 950 px.

HTH!

sid
how bad do you want change

Here’s a simple tutorial on how to generate a crash log in Flash Player 9.

1. Open notepad (or another text file editor)

2. Create a text file with one line:

CrashLogEnable=1

3. Save the file as:

c:\windows\system32\macromed\flash\mms.cfg

Note: it must be called mms.cfg as mms.cfg.txt will not work.

4. Generate a crash in the browser and record all URLs open at the time (windows or tabs)

5. Open up a command line prompt. (From the Start Menu choose Run… then type cmd in the dialog.

6. Type cd “Local Settings\Temp” at the command line prompt. Make sure that you enclose the Local Settings in quotation marks.

7. Type dir *.mdmp at the command line prompt.  The files returned are the log files that we need. It might be easier to copy these files to your user’s desktop using Windows Explorer.

Hope this helps.
Sid