New Theme Css Help

  • Hi, i’m converting my blog to a wordpress theme and i’ve run into a big problem, the header is moved to the left and i dont know how to move it, this is what it lookes like:
    https://www.philip.hotserv.dk/blog/
    what it should look like:
    https://www.philip.hotserv.dk

    CSS:

    [code]
    body {
    margin: 0px;
    background: #cccccc;
    color: #303030;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
    line-height: 120%;
    }

    #pagecontainer {
    display: block;
    width: 520px;
    background: url(images/Background.gif);
    text-align: left;
    margin: 100px auto 20px auto;
    }

    #gradientcontainer {
    background: url(images/Header.gif) no-repeat;

    padding: 0px;
    margin: 10px auto 20px auto;
    }

    #dashed-divider {
    display: block;
    height: 1px;
    background: url(images/Dash.gif);
    margin: 0px 4px 20px 2px;
    }

    h1 {
    background: none;
    text-align: center;
    margin: 0px;
    padding-top: 1px;
    }
    [/code]

    header.php

    [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="https://www.w3.org/1999/xhtml">

    <head profile="https://gmpg.org/xfn/11">

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

    <style type="text/css" media="screen">

    @import url( <?php bloginfo('stylesheet_url'); ?> );

    </style>

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />

    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />

    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

    <?php wp_head(); ?>

    </head>

    <body>

    <!-- BEGIN CONTAINER -->

    <div id="gradientcontainer">
    <h1><img src="./images/CrashProneHeader.gif" /></h1>
    <div id="pagecontainer">

    <div id="dashed-divider"></div>[/code]

    Like you see the header is moved all the way to the left, and i need help?

    -Philip

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

  • What is the height of your gradientcontainer?
    What is the height of your background picture?
    What browser are you working in?

    Also, there’s a discrepancy in IE6, as opposed to FF, and I’m not talking about your floating header. There’s a orange bordered box that sits at the very top of your page with some text in it. FF doesn’t have this at all.

    “SIDEN FUNGERER IKKE MED INTERNETT FAEN MEG EXPLORER!!”

    I can only assume that this is telling me that IE6 sucks, and that I should get a better browser?

    Thread Starter philiphotserv

    (@philiphotserv)

    gradient: 150px
    background: 1px

    Yeah and it’s norwegian for IE sucks:P

    I don’t understand the reason for your question. You’ve got it working in the second example, why can’t you do the same thing again for the first?

    Thread Starter philiphotserv

    (@philiphotserv)

    cause the first is not a theme, it’s a .php with The Loop.
    the second is a theme i’m making

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘New Theme Css Help’ is closed to new replies.