Log in

View Full Version : IE 5.5/6.0 div(?) Alignment Issue


RobertRoyal
06-26-2008, 08:03 PM
Greetings,

I cannot get my site to layout properly in IE5.5/6.0. The content body/bgimage aligns off to the right, and the footer data/image aligns over to the left. The pages do layout properly in Firefox and IE7.

Here is the link to the CSS for the site:

http://www.txpcorp.com/templates/txp/css/template.css

Here is the index file code:


<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<LINK REL="ICON" HREF="templates/txp/favicon.ico">

</head>
<body id="page_bg" >

<div id="top">
<div class="pill_m">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
</div>

</div>
<div class="clr"></div>
<div id="header"><jdoc:include type="modules" name="user5" />
</div><div class="center"><div id="wrapper">


<div id="inner_shadows">
<div id="pathway">
<jdoc:include type="modules" name="breadcrumb" />
</div>
<div id="content" >
<div id="leftcolumn"> <div class="clr"></div>
<jdoc:include type="modules" name="left" style="rounded" />
<?php $sg = 'banner'; include "templates.php"; ?>
</div>

<div id="maincolumn">

<div class="nopad">

<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
</div>
<div class="clr"></div>
</div>
</div>

</div>

</div>
<div class="clr"></div><div id="content_bottom" align="center"></div><div id="footer_copy" align="center"><jdoc:include type="modules" name="user8" />&copy; 2008 TXP Corporation. All rights reserved.</div><jdoc:include type="modules" name="debug" />
</body>
</html>

I can't tell if this is a simple CSS issue, or if something is fundamentally wrong with the code. It seems that any changes I make adversely impact the latest versions of Firefox and IE.

Thank you in advance for any assistance.

Robert
RobertRoyal
06-26-2008, 08:05 PM
oops, here is the link to the site:

http://www.txpcorp.com/

Thanks again,
Robert
RobertRoyal
06-26-2008, 09:09 PM
Here is a sample image of how the layout appears in IE5.5/6:

http://www.txpcorp.com/images/example.jpg
RobertRoyal
06-27-2008, 02:50 PM
Ok, so am I not asking the question properly? I looked through this forums and on other sites, and it appears to be a padding issue that IE6 has, but I cannot figure it out. Can someone point me to another good resource?
RobertRoyal
06-27-2008, 04:58 PM
I know everyone has been sitting on the edges of their seats waiting for me to figure this out.

Well I did. Good for me, again.
JasonDFR
06-28-2008, 08:48 AM
What solution did you come up with?

BTW, your site looks really good.

Jason