Forum Moderators: not2easy

Message Too Old, No Replies

cant keep two objects in same line in div

         

kappuz

7:04 am on Jun 5, 2009 (gmt 0)

10+ Year Member



i´m modifying a theme and i´m finding a little bit of trouble dealing with what goes in the header. i´m trying to have one flash movie and a rotating banner one next to the other. in firefox and others it works, although im not able to control exactly where the banner must appear (it´s a little bit thinner than the flash movie). in explorer, the banner just jumps to the next line... any help?

here´s the css:

#wrapper{margin:20px 0px 0px 20px; max-width:1000px; min-width:1000px;}

/* Header
------------------------ */
#header{margin:0px; padding:0px; widht:100%; height:120px; position:relative;display:inline;}
#header h1 a .hide{visibility:hidden}
#header h1 a{display:inline; width:1000px; margin:10px 50px 0 0; padding:0; float:left}
#logo{display:inline; width:207; margin:10px 50px 0 0; padding:0; float:left}
#blog-description{display:inline; width:728; height:120px; margin:30px 15px 0px 0px; padding:0px 0px 0px 209px}

here´s the code for the header:

<!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">
<title><?php bloginfo('name'); if ( is_404() ) : _e(' &raquo; ', 'sandbox'); _e('Not Found', 'sandbox'); elseif ( is_home() ) : _e(' &raquo; ', 'sandbox'); bloginfo('description'); else : wp_title(); endif; ?></title>
<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version') ?>" /><!-- Please leave for stats -->

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/styles-ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/styles-ie6.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print" />

<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Posts RSS feed', 'sandbox'); ?>" />
<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Comments RSS feed', 'sandbox'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/tabs.js"></script>

<?php wp_head() ?>

</head>

<body class="<?php sandbox_body_class() ?>">

<div id="wrapper" class="hfeed">

<div id="header">
<logo id="blog-title" style="display: inline;"><a href="http://www.imaginacionatrapada.com.ar/" title="<?php bloginfo('name') ?>" rel="home"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="207" height="120">
<param name="movie" value="http://www.imaginacionatrapada.com.ar/Banners/logo.swf">
<param name="quality" value="high">
<embed src="http://www.#*$!#*$!.com.ar/Banners/logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="207" height="120" align="left"></embed></object></a></logo>

<span class="blog-description"><here goes the script that calls for the banner>
</script></span>
<div style="clear: both"></div></div><!-- #header -->

thanx in advance

hatbocs

7:15 am on Jun 5, 2009 (gmt 0)

10+ Year Member



I believe object is block level. Try adding a display: inline to that, as well.