Bodyimage swallowed by Headerimage

  • Hello there,

    big problem here. The guys over there in german forum can’t help, it seems. I’ve redesigned my page with a new magazine-style. Problem is now: The main big body graphic (Qbody.jpg), which lies underneath the texts and should start below the headerimage (Qheader.jpg), starts UNDERNEATH that headerimage at the top! Tried everything a code-rookie can do, nothing helps. Here’s the current status:

    This is how it should look like (preview, earlier version): https://www.qwertzwerk.de

    and this is how it does look now: https://www.qwertzwerk.de/index.php

    You see, that is crap.

    I’m using WordPress 1.5.2 with slightly modified Kubrick-Theme. Here are the code passages and I would be very thankful if you can help out here:

    The header.php:

    <style type=”text/css” media=”screen”>
    /* body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qbody.jpg"); no-repeat #fff; top center; } */
    <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qbody.jpg") no-repeat top center; border: none; }
    <?php } else { // No sidebar ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qbody.jpg") no-repeat #fff; border: none; }
    <?php } ?>
    #header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qheader.jpg") no-repeat bottom center; }
    #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter2.jpg") no-repeat bottom; border: none;}

    /* Because the template is slightly different, size-wise, with images, this needs to be set here
    If you don't want to use the template's images, you can also delete the following two lines. */
    /* #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 306px; width: 879px; }
    #headerimg { margin: 0px 0px 0; height: 304px; width: 877px; } */

    </style>
    <?php wp_get_archives('type=monthly&format=link'); ?>

    <?php wp_head(); ?>
    </head>
    <body>

    <div id="page">

    <div id="header">
    <a href="<?php echo get_settings('home'); ?>">
    <div id="headerimg">
    <h1><?php bloginfo('name'); ?></h1>
    <div class="description">
    <?php bloginfo('description'); ?>
    </div>
    </div>
    </a>
    </div>
    <hr />

    And here we start with the style.css:
    /* Begin Structure */
    body {
    margin: 0 auto;
    padding: 0;
    height: 994px;
    width: 879px;
    }

    #page {
    /* background-color: white; */
    background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qbody.jpg") no-repeat #fff; }
    margin: 7px auto;
    padding: 0;
    width: 879px;
    border: 0px solid #ffffff;
    }

    #header {
    padding: 0;
    margin: 0px;
    height: 306px;
    width: 100%;
    background-color: #ffffff;
    }

    #headerimg {
    background: url("<?php bloginfo('stylesheet_directory'); ?>/images/Qheader.jpg") no-repeat top center; }
    margin: 0;
    height: 304px;
    width: 100%;
    }

    What the hell is going wrong??

    Greetz,
    :T:

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Bodyimage swallowed by Headerimage’ is closed to new replies.

Tags