Help with my header

[iNineteen]

My site www.inineteen.com as you can see in the header the banner add appears below my temp logo and i am struggling to move it to the right hand side and across the page a bit

Could anyone help

Here's what the code looks like at the moment

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
	<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="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<?php	if ( !is_home() ) : ?>
	<link rel="start" href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?> Home" />
<?php	endif; ?>
	<?php //comments_popup_script(); // off by default ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>
<div id="header">
<div class="ads">
		<p class="siteName">
<div id="content"><div id="outbox"><span class="siteName"><a href="http://www.inineteen.com"><img src="http://img36.imageshack.us/img36/8123/ininelogo.png" width="403" height="74" border="0" /></a></span>
  <div class="clear"></div>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7133483492018602";
/* Header */
google_ad_slot = "7875036006";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</div></div><div class="clear"></div>

<div id="content"><div id="outbox">
		<div id="globalNavi">
			<?php if ( function_exists('wp_nav_menu') ):?>
				<?php wp_nav_menu( array( 'show_home' => 'Home','container' => 'globalNavi', 'theme_location' => 'primary') ); ?>	
			<?php else: ?>
				<?php wp_page_menu( array( 'show_home' => 'Home', 'sort_column' => 'menu_order' ) ); ?>
			<?php endif; ?>

			<?php get_search_form(); ?>
</div>
		<div class="clear"></div>

 

[lothos]

that's something you accomplish in CSS.

Your ad looks like it's in <div class="ads"> but there's no "ads" section of your css code.

take a look at using float:left; and float:right;

There are plenty of tutorials out there that give detailed examples.

 

[iNineteen]

that's something you accomplish in CSS.

Your ad looks like it's in <div class="ads"> but there's no "ads" section of your css code.

take a look at using float:left; and float:right;

There are plenty of tutorials out there that give detailed examples.

Ahh that's where I'm going wrong thanks

 

[lothos]

Ahh that's where I'm going wrong thanks

no problem

Sorry I wasn't more specific, but hopefully I pointed you in the right direction.

 

[iNineteen]

no problem

Sorry I wasn't more specific, but hopefully I pointed you in the right direction.

Ok I got it to move around, even got it over to the right, but now as you can see it's behind the design and a little low

How do I get it out front? Thanks

 

[Tork]

Dont ask how I know this
style.css
line 45
change right to 250px
and add
z-index:2;
I would also add
top:8px;

if you want it more to the right then the 250 make it less, more to the center add some extra pixels good luck