IE6 Browser issue when using CSS and Div tags

msoden · Post by **msoden** » Wed Mar 07, 2007 2:12 am

I have built a website using CSS and Div tags. The main body where the menu lies is in a div floated left. This works great in IE 7 and all other browsers. When viewed in IE6 and below the menu drops below the div tag floated right. I have read where some css is not supported by IE6 and below. I have added code that is suppose to help with this problem.




I am at a loss of what else to do excpet warn users they need to install IE7 for best viewing pleasure.

Here is a link to the test site.
http://www.harcalfagency.com/clients/Da ... touch.htm#

Any help would be appreciated.

MS

Post by **Ruth** » Wed Mar 07, 2007 4:10 am

Hi,

Below my name is a Tables reference. It is for relatively positioned menus. You have put the menu inside the div, so you have to position it relatively, and eliminate the top left in the main menu, and it is only the main menu that goes on the page.

I think many people misunderstand and believe if they want the menu in a div and to have it sit 20px from the top of the div they can just put it there and put in that top position. That is not how you put menus into 'containers' tables or divs.

Read the information at that link, and if you prefer not to use that method, you can try the newest:

put the main menu back in the menu_data.js file
add buildAfterLoad=true; up at the top of the file, right below the subOffsets

Then on the page but the calls for all the menu files into the div/table where you want the menu to be positioned.

Ruth

msoden · Post by **msoden** » Tue Mar 27, 2007 3:03 pm

Ruth,
Thank you, I was unware that you could leave the main menu in the JS file. and only do the calls i a table/div. I am not certain that this fixes the issues with IE 6 and bleow though. I will test .

MS

Post by **Ruth** » Thu Mar 29, 2007 2:51 am

Hi,

Let me know when you get the page up with the relative position set and I'll check it, if it is not working as it should

Ruth

msoden · Post by **msoden** » Thu Mar 29, 2007 2:34 pm

I have already done it and it appears to be working fine. I am working another site using the same setup. So far the single menu works, I am going to assume that I can add an addtional menu in another part of the page using a different data_menu.js file call.

http://www.daisyfoundation.org

thank you again fr the help. I hav struggling with left align and centered pages. I have installed over 30 menus to different site.