Hello guys,

I'm having another css compatibility issue with IE7. If you look at the screenshots attached below, you'll notice that the top menu is working fine in FF and IE8 (without clicking the comp. button) and when click the compatibility button, the whole header goes crazy (check ie7.gif). I know there is something wrong in my css code but I can't just figure out it out.

Anyway, here is the code and I really appreciate your help.

#ja-search {
	padding-left: 20px;
	padding-top: 40px;
	position: absolute;
	bottom: 30px;
	right: 0;
	overflow: visible;

}
#ja-search2 {
	padding-left: 0px;
	background: none;
	position: absolute;
	top: 40px;
	right: 0;
	height: 100px;
	border-top: #332C7A solid 3px;
}
#ja-search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #444444;
	font-size: 92%;
}

And these are the tags:

<div id="ja-headerwrap">
	<div id="ja-header" class="clearfix" style="display: block;">

	

	<?php
		$siteName = $tmpTools->sitename();
		if ($tmpTools->getParam('logoType')=='image'): ?>
		<h1 class="logo">
			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
		</h1>
	<?php else:
		$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
		$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText');	?>
		<h1 class="logo-text">
			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
		</h1>
		<p class="site-slogan"><?php echo $sloganText;?></p>
	<?php endif; ?>

	<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>

	<?php if($this->countModules('user4')) : ?>
    
		<div id="ja-search2">
			<jdoc:include type="modules" name="user4" />
		</div>
        
	<?php endif; ?>
    
    <?php if($this->countModules('user6')) : ?>
		<div id="ja-search">
			<jdoc:include type="modules" name="user6" />
		</div>
	<?php endif; ?>
	</div>
</div>

At first glance its seems that height/width issues are there, assign height and width, it may help.

then please paste the URL here if you have.

regards.

then please paste the URL here if you have.

regards.

I'm working on my localhost so...

Hi

Please use the following and wriite the css code for IE7

/* This code has highest priority in IE7 */

	*+html.(or)#class/Id name {
		
	}


/* This code has highest priority in IE6 */
	*html .(or)#class/Id name {
		
	}

Hi

Please use the following and wriite the css code for IE7

/* This code has highest priority in IE7 */

*+html.(or)#class/Id name {

}


/* This code has highest priority in IE6 */
*html .(or)#class/Id name {

}

Thanks and regards
http://www.joomla-web-developer.com/
http://www.joomla-web-designer.com/

I have a special IE7 tag and it's still not doing any good. Here it is;

<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: block;}
</style>
<![endif]-->