website width is correct in Firefox but wrong in Internet Explorer 6

[raamee]

Hi,

 

I have built the following site

 

VIKOMO

 

which has the oscommerce index.php inside a dreamweaver template (dwt) which is supposed to add a horizontal navigation bar and center the index.php content.

 

When viewed in Firefox, the site looks as expected, showing a blue border around the page, which is set to a width of 950px.

 

When viewed in Internet Explorer 6 (IE6), everything under the top navigation bar is shifted right (or left, depending on the rtl\ltr settings) and the border looks broken.

 

This is how it looks in Firefox

 

This is how it looks in IE6

 

 

 

I have looked around in google and this forum, and it likely a css problem, but I can't track it down in my code.

Just for reference, Here is a link to another page which is using the same dreamweaver template (dwt) on a simple test page containing some text and tables.

This page looks good in both Firefox and IE6

 

 

Any help or ideas how to debug this will be appriciated.

 

Thanks. :D

[Guest]

Just a thought have you tried it in IE8

[jhande]

The page looked fine in IE7 ;)

[raamee]

Hi,

 

Thanks for the input regarding IE7 and IE8. Its good to know that they work.

 

Since so many are still using the old IE6, I have to support it as well. Besides, Now it's personal :angry: .

 

I know this problem can be solved and I am working my way down the page, removing parts of code bit by bit, hoping to get a clue as to why this is happening.

 

 

Any ideas?

[raamee]

Hi,

 

Well, finally last night a light bulb flashed next to my head. I swiftly replaced it with a new bulb and fixed my code.

 

Since the website is Hebrew and orientated right-to-left instead of the English left-to-right, you'll see the screenshots showing a right column, but it's actually the left_column. The right_column is disabled and my problem starts there.

 

Turns out the problem was I disabled the right_column.php in the wrong way. My approach was to comment out all the boxes from the right_column.php file, which removed the contents of the column, but kept the space you can see on the left of the screenshot, reserved in index.php for the right_column.

 

When realizing this, I commented out the following code in index.php:

<?php /*

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- right_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>

<!-- right_navigation_eof //-->

</table></td>

*/ ?>

 

 

This fixed the problem and now both IE6 and Firefox show the website like this:

 

Notice the space reserved to right_column.php is no longer visible and the border is tight around the index.php content.

 

 

Mind you, this is not the appropriate way to disable the right_column, Since disabling it in index.php, requires disabling it in additional places. I understand there is a OSC contribution dealing with this issue, and I will research and use it instead of my own commenting out technique.

 

Bye. :lol: