if you move your ‘div id=”header”‘ from where it is to behind ‘div class=`”main”‘, the background will show.
i.e. from this:
<div id="header">
<img src="http://www.tweakingknobs.com/wp-content/themes/fancy/img/tweakingknobs.jpg">
</div>
<div class="main">
to this:
<div class="main">
<div id="header">
<img src="http://www.tweakingknobs.com/wp-content/themes/fancy/img/tweakingknobs.jpg">
</div>
Thanx , but i have no <div class main in my header “code”>
this is my header code :
<?php
global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } }
/* default values */
if ($fancy_main_color == '#FE0059') {
$bubbles = 'bubbles.gif';
$feed_image = 'feed.gif';
$scissors = 'scissors.gif';
$sep = 'sep-red.gif';
}
elseif ($fancy_main_color == '#FEB400') {
$bubbles = 'bubbles-yellow.gif';
$feed_image = 'feed-yellow.gif';
$scissors = 'scissors-yellow.gif';
$sep = 'sep-yellow.gif';
}
else {
$bubbles = 'bubbles-green.gif';
$feed_image = 'feed-green.gif';
$scissors = 'scissors-green.gif';
$sep = 'sep-green.gif';
}
?>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<? include(TEMPLATEPATH."/custom.php"); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
</head>
<div id="header">
<img src="http://www.tweakingknobs.com/wp-content/themes/fancy/img/tweakingknobs.jpg">
</div>
i have no <div class main in my header “code”
But you do have <div id="header">
. Read alchymyth’s suggestion again – carefully.
Thanx i could not really understand it m i tried all combinations but in the end i just copied pasted the code code to the end of my code , and it worked , but the background now is … well it doesnt match. look at my web:
http://www.tweakingknobs.com