I was trying to add a new header in my site, and it looks like I added or removed something in the HTML that really messed things up. The site looks fine in firefox, but the CSS is wacko in IE. Can anyone help me out?? I think I narrowed down the html problem to this part: <div class="topbar"></div> <div id="header"> <h1 title="<?php echo $mosConfig_sitename; ?>"</h1> </div> <div id="navbar"><?php mosLoadModules( 'top', -3 );?></div> <?php if (mosCountModules('user3')) { ?> Can anyone see any problems? Thanks in advance!
Thanks for the replies. The only part of the CSS that was edited was the header size "height" the site is build-muscle-gain-weight dot com should I post anymore of the html?
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?> <!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" lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>"> <head> <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /> <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/fixed.css" rel="stylesheet" type="text/css" media="screen" /> <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/fluid.css" rel="stylesheet" type="text/css" media="screen" /> <?php if ( $my->id ) { initEditor(); } mosShowHead();?> <?php if (mosCountModules('user4') + mosCountModules('user5') == 2) $topextrablock = "split2"; if (mosCountModules('user6') + mosCountModules('user7') == 2) $botextrablock = "split2"; ?> <link href="templates/<?php echo $cur_template; ?>/css/template_css.css" rel="stylesheet" type="text/css" media="screen" /> <?php if ( mosCountModules( 'right' ) <= 0) { ?> <style type="text/css" media="screen"> #main-body {width:100%;} #content{width:79.1%;margin-right:0.5%;} #sidebar{width:19.6%;} </style> <?php } ?> <?php if ( mosCountModules( 'left' ) <= 0) { ?> <style type="text/css" media="screen"> #main-body {width:80%;} #content{width:100%;} #sidebar-2{width:20%;} </style> <?php } ?> <?php if (mosCountModules('left') + mosCountModules('right') <= 0) { ?> <style type="text/css" media="screen"> #main-body {width:100%;} #content{width:98%;margin:0 0.95%;float:none;} </style> <?php } ?> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/js/stylechanger.js"></script> </head> <body> <div id="wrap-a"> <div id="wrap-b"> <div id="wrap-c"> <div id="wrap"> <div id="wrap-inner"> <div class="topbar"></div> <div id="header"> <h1 title="<?php echo $mosConfig_sitename; ?>"</h1> </div> <div id="navbar"><?php mosLoadModules( 'top', -3 );?></div> <?php if (mosCountModules('user3')) { ?> <div id="headerleader"><?php mosLoadModules ( 'user3',-3 ); ?></div> <?php } ?> <div id="main-body"> <div id="content"><div class="inside"> <?php if (mosCountModules('user4') || mosCountModules('user5')) { ?> <?php if (mosCountModules('user4')) { ?> <div class="user4<?php echo $topextrablock; ?>"> <?php mosLoadModules( 'user4', -3 );?> </div> <?php } ?> <?php if (mosCountModules('user5')) { ?> <div class="user5<?php echo $topextrablock; ?>"> <?php mosLoadModules( 'user5', -3 );?> </div> <?php } ?> <div class="clear"> </div> <?php } ?> <?php mosMainBody(); ?> <?php if (mosCountModules('user6') || mosCountModules('user7')) { ?> <?php if (mosCountModules('user6')) { ?> <div class="user6<?php echo $botextrablock; ?>"> <?php mosLoadModules( 'user6', -3 );?> </div> <?php } ?> <?php if (mosCountModules('user7')) { ?> <div class="user7<?php echo $botextrablock; ?>"> <?php mosLoadModules( 'user7', -3 );?> </div> <?php } ?> <?php } ?> </div> </div> <?php if (mosCountModules('left')) { ?> <div id="sidebar"> <div class="inside"> <?php mosLoadModules ( 'left',-3 ); ?> </div> </div> <?php } ?> </div> <?php if (mosCountModules('right')) { ?> <div id="sidebar-2"> <div class="inside"> <?php mosLoadModules ( 'right',-3 ); ?> </div> </div> <?php } ?> <script type="text/javascript"> setWidthFont(); </script> <div id="footer"> <?php mosLoadModules ( 'footer',-1 ); ?> </div> </div> </div> <?php if (mosCountModules('user1')) { ?> <div id="user1"><?php mosLoadModules ( 'user1',-2 ); ?></div> <?php } ?> <div class="access"> <div id="access_buttons"> <a href="index.php" title="Increase size" onclick="changeFontSize(1);return false;"> <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/images/larger.png" alt="larger" width="17" height="17" border="0" /></a> <a href="index.php" title="Decrease size" onclick="changeFontSize(-1);return false;"> <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/images/smaller.png" alt="smaller" width="17" height="17" border="0" /></a> <a href="index.php" title="Revert styles to default" onclick="revertStyles(); return false;"> <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/images/reset.png" alt="reset" width="17" height="17" border="0" /></a> <span class="widthbuttons"><a href="index.php" title="Switch to fixed-width version" onclick="switchFixed();return false;"> <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/images/fixed.png" alt="fixed-width" id="theme-fixed" height="17" width="17" border="0" /></a > <a href="index.php" title="Switch to fluid-width version" onclick="switchFluid();return false;" > <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/images/fluid.png" alt="fluid-width" id="theme-fluid" height="17" width="17" border="0" /></a ></span> </div> </div> </div> </div> </div> <div class="designer"><a href="http://www.joomlashack.com" title="Joomla Template by JoomlaShack">Joomla Template by Joomlashack</a></div> <?php include($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/js/template.css.php"); ?> </body> </html>
When a modify a file I keep the original just in case. If I mess something up I can just replace the original and then try again. Since I'm not a PHP expert this trial and error method is the way I go about it, but usually I get lucky and get it right the first time. Sometimes even just changing the "height" or "width" can throw things out of wack. What files have you modified so far? I have had the same thing happen on numerous occasions and it is usually because I inadvertently removed something I should not have. What is the URL if you don't mind sharing? That would help to figure out what is going on.
Thanks for the reply. The url is build-muscle-gain-weight.com ... The CSS appears to work in firefox, but not in IE...
I looked at it with IE. The site loaded fine and everything looked great, but when I scrolled down and then scrolled back up there was a black bar running from left to right where the search box is. Is that what your are seeing? Also, I see you mentioned the URL before, sorry for asking again, I missed it. What files did you you change? What happens when you change the header height back to what it was originally?