Driving Me NUTS - simple Css problem

Discussion in 'CSS' started by GhostDragon, Mar 18, 2009.

  1. #1
    This simple css problem is driving me bonkers.
    Here's the deal.

    I've got a ninja on my wordpress blog:

    www.trafficdynasty.com/blog

    [​IMG]


    And he's doing the damn thing.. just like he's supossed to. He's up there chilling, keeping watch, and make sure nobody gets out of line.. So everything's all gravy.

    But problem is:

    [​IMG]

    I jimmy rigged the code. and I know I did.

    <div id="ninja" style="position: relative; top: 28px; left: 365px; z-index:1">
    		<a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/ninja.png" alt="<?php bloginfo('name'); ?>" /></a>
    	</div>
    Code (markup):
    In the wordpress header.php, I've got the ninja chillin on the right, then used relative positioning to push him over. Which would be fine and dandy if it didn't give me bullshit space on the right and manage to kill my search box in firefox.

    So what I needs to do is probably nestle a relative div inside an absolute wrapper or some shit like that... to make sure he is always up on top, stays put no matter what screen resolution people have, and not give me scroll bars in the process?

    How do I do it? Help?
     
    GhostDragon, Mar 18, 2009 IP
  2. CoryR

    CoryR Active Member

    Messages:
    68
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    70
    #2
    Try margin-left instead of left.
     
    CoryR, Mar 18, 2009 IP