Marian, One thing to note about all your pages: they contain a number of validation errors, and cleaning these up first should be done before any of the other things I mention. It's the best start towards a well rendering page.
Marian Rosenberg wrote: > http://www.anandatour.com.cn/test/index.html > Looks great in Mozilla. Text can be scaled up/down with no problems. For > some reason, however, IE refuses to align my 3 columns correctly. I keep > getting 2 columns + 1. I thought the problem was that div id=main has > margins of 4% and it isn't accepting that these divs are inside that div so > is adding the percents together. But, when I get rid of main altogether and > change the column widths in the CSS so that it definitely adds up to 100% it > still won't line up right. > IE has problems computing percentages when the parent element doesn't have a width declared (which is what the percentage widths are based on). Try declaring a width on #main. If that doesn't work, I would suggest simplifying the layout you have now. If it's an acceptable source order, I'd move the left column first in the source and float it left with an assigned width and no margins. Move the third column second in the source and float it right with an assigned with and no margins. Then just let the third column be in the flow with no width declared so it just takes up the rest of the space. Give it some side margins to keep it from touching the side columns. Leaving this column flexible should leave room for IE to get dimensions wrong without falling apart. > http://www.anandatour.com.cn/test/beachinfo.html > My nemesis. Looks great in Mozilla. Internet Explorer insists on having > the table start right under the end of the paragraph introducing people to > the beaches. I had kept tables here in the first place because it was the > only way I could figure out how to have "Sanya" start underneath the picture > of the woman on the beach. > I don't know how to work with tables any more, but I know that if I was going to recreate this page with CSS, I'd float the Hainan image left and add a float containment method (http://css-discuss.incutio.com/?page=ClearingSpace) to the Hainan div. Then I'd just add a clear to the Sanya header and it would start below the Hainan image. > http://www.anandatour.com.cn/test/hotel.html > Hey, this one actually works in both browsers! Yay! > And it looks cool too. > The only thing I want to say about this page is *please* remove all that redundant and useless alt text on that sliced map image. It is making your page less accessible, not more: imagine using a text browser or screen reader and having to see or hear the text "clickable sliced map of Hainan" over and over again. It has nothing to do with CSS, I just noticed it and wanted to point it out. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
