Couple of month ago our new client hired an independent consultant that converted their site from an old TABLES design that we did more than 4 years into DIV:CSS site but did not test the browser compatability before skipping town(IE). So they(client) found out the hard way by taking a dip in SEs and then came running with "Please fix our site MOTO".
the OLD Wrapper of the content was TABLES(HOT Back in a day):
<table>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td style="height:1px;"></td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
The new one with CSS and DIVs:
|---------------HEADER--------------|
|------------------------------------|
|--------|-----------------|---------|
|--------|-----------------|---------|
|--------|-----------------|---------|
|-LEFT--|------MAIN-------|-RIGH---|
|-column|------Content----|-Column-|
|--------|-----------------|---------|
|-
is LAST|-----------------|---------|
|
in a SOC|-----------------|---------|
|------------------------------------|
|--------|------FOOTER---|---------|
DOM:
<div id="site">
--<div id="header">stuff</div>
--<div id="wrapper">
----<div id="main-content">stuff</div>
----<div id="right-column">stuff</div>
----<div id="left-column">last stuff</div>
--</div>
</div>
It's all good for the SEs at this point, the only problem that it's not rendered properly in INTERNET EXPLORER(IE). The current CSS File is too big to post here, so I'd appritiate CSS in base constuct to render the content properly if someone takes the time to understand the issue.
Thanks,
Blend27
