Re-design of website using only CSS - IE6 Problems

[crounauer]

Hi,

I have just redesigned my site getting rid of all those awful tables and taken a big leap into the world of CSS. All is good in most browser platforms except IE5.5 and IE6.

I have checked my analytics which suggest that 21% of my visitors are using IE6 which is a problem as the site is doing strange things when viewed in IE6 and IE5.5 which I can't figure out how to rectify.

Here are 2 links, they do load slowly so please be patient...
=> IE6 - http://browsershots.org/screenshots/7b51f0d38f23a0a29b2cd6c12cbe3721/
=> IE5.5 - http://browsershots.org/screenshots/1f64c3943de1c624e69d3f0f9ddabb2d/

Could anyone perhaps put me out of my misery? - My CSS file is located at www.pricescompare.co.uk/css/default.css



ob_start("ob_gzhandler");
require("includes/common.php");

if ($_POST["submit"] == "Search") {
$url = BASE_URL.$_POST["category"]."/search.php?q=".$_POST["q"];
header("Location: ".$url);
exit();
}

$header["title"] = INDEX_TITLE ." ". INDEX_SLOGAN;
$header["meta"]["description"] = INDEX_DESC;
$header["meta"]["keywords"] = INDEX_KEY;

require_once(BASE_HTML."header.php");
include_once(DIR_HTML."headerMenu.php");

echo '<div class="globalWrapper">'; //Global wrapper
echo '<div class="guidesWrapper">'; // Guides wrapper start

echo '<div class="breadCrumbs">You are here: <a href="'.BASE_URL.'">'.translate("Home").'</a> &gt; '.DIR_TITLE.'</div>';

echo '<div class="headerContent">'; // Page title start
echo '<h1>'.strtoupper(DIR_TITLE).'</h1>';
echo '</div>'; // Page title end

echo '<div class="leftColumn">'; // Side column start
if (file_exists(BASE_MODULES . "categories.php") && (SHOW_MODULE_CATEGORIES)) { include_once(BASE_MODULES . "categories.php"); }
echo '</div>'; // Side column end

echo '<div class="mainContent">'; // Main content start

echo '<div id="blurb">';
echo CONFIG_BLURB;
echo '</div>';

echo '<div class="featuredBoxWrapper">';
if ((file_exists(BASE_MODULES . "featuredBox.php")) && (SHOW_MODULE_FEATURED)) require(BASE_MODULES . "featuredBox.php");
echo '</div>';

echo '<div class="tenHigh"></div>'; // 10px spacer
echo '<div class="indexGuidesWrapper">';
echo '<div id="indexGuidesTitle"><h2>Buying Guides</h2></div>';
echo '<div id="link"><img src="'.DIR_IMAGES.'icon/arrow.gif" alt="" />&nbsp;<a href="'.CONFIG_GUIDES_SUBMIT_URL.'" title="'.CONFIG_GUIDES_SUBMIT_TITLE.'">'.CONFIG_GUIDES_SUBMIT_TITLE.'</a></div>';
echo '<div id="link"><img src="'.DIR_IMAGES.'icon/arrow.gif" alt="" />&nbsp;<a href="'.CONFIG_GUIDES_URL_ALL.'" title="'.CONFIG_GUIDES_ALL_TITLE.'">'.CONFIG_GUIDES_ALL_TITLE.'</a></div>';
echo '<div id="link">To submit an article please click on one of the buying guides below.</div>';
echo '<table>';
echo '<tr>';

$sql = "SELECT * FROM `".DB_PREFIX."guides` WHERE approved = '1' ORDER BY g_name ASC LIMIT 4";

//echo $sql;
$result = database_querySelect($sql,$rows);

$columns = 4;
$columnWidth = intval(100/$columns);
$currentColumn = 0;

if ($result) {
foreach($rows as $guides) {
global $count;
echo '<td width="'.$columnWidth.'%" valign="top">';
echo '<div id="guideTitle"><h3><a href="'.CONFIG_GUIDES_URL.''.hyphenate($guides["g_name"]).'-'.$guides["guide_id"].'.html" title="'.CONFIG_GUIDES_TITLE.': '.$guides["g_name"].'">'.$guides["g_name"].'</a></h3></div>';
print "<div id='desc'>".wordLimiter($guides["g_desc"],50)."</div>";
print "</td>";

$currentColumn++;
if ($currentColumn == $columns) {
print '</tr><tr>';
$currentColumn = 0;
}
}
}
echo '</tr>';
echo '</table>';
echo '</div>';
echo '</div>';// Main content end
echo '<div class="clear"></div>';
echo '</div>';// Guides wrapper end
echo '</div>';// Global wrapper end
require(BASE_HTML . "footer.php");


Thanks,
Simon

[vieya]

hmmm you'll have to get css coding that is alternative to your css code
as in whatever parts don't look right in IE then you must find an alternative code that does work in css.
IE is one of the worst browsers. but that obviously isn't your fault. and the fact that many people use it is the simple fact that it came with their OS windows.
sadly IE is really buggy and even with the newest version 8 it is still a browser that is too behind in it's times.

http://www.positioniseverything.net/

I don't know if this will help but hopefully.