Thanks for your suggestion.
But the question asked here is different from what you talk about.
The issue is the fact that design mode of Dreamweaver CS5 does not display DIVs as expected although most of browsers do display the layout as expected.
Some friends of mine experienced the same problem and I wonder if my understanding on CSS rules of Dreamweaver is something wrong or it might be something to do with a bug of Dreamweaver CS5.
I would appreciate it if someone could point out the cause of my problem.
Hello Mr. Chobe,
where you can get some initial indications for the used html and css. For a basic test you could use http://www.my-debugbar.com/wiki/IETester/HomePage.
Despite of this, I'm afraid that I didn't understand your wish in the right way. Please send me a screenshot, where your problem is shown. Because in my IE8 your website works like a charm.
Hello Mr. Hans-g;
Thank you very much for your quick and helpful reply.
I have tried w3c css vaidation service and recognised several css errors indications.
Those indications were reviewed carefully and realized that they happened be nothing to do with the problem I have been troubled in the past few weeks.
Most of the errors are about missing the unit of text-indent figure, which are assumed as pixel by most of browsers and are handled as I expected.
That is why my css codings are working as expected regardless of the coding errors. By the way, as for the problem of missing text-indent unit,
I am afraid to say that might be a bug of Dreamweaver CS5 Japanese version. I am sure that I did specifiied the unit of text-indent when I coded.
After having saved these coding, they seemed gone away for some reasons and others. I tried the same thing and proved it.
Any way, your suggestion to use html-css validation service should be very helpful for my future developement work and I appreciate it very much.
Now speakig of the problem I was trying to solve, I have just found out the cause of the problem today. That is something to do with a width calculation of
DIV. I did not subtract the padding figure in calculating the DIV width, which caused the shortage of space for neighouring DIV.
That is why two DIVs were not placed side by side in Dreamweaver's design ( edit ) mode. But I still do not understand why browsers (IE, Google Chrome.
and also Firefox ) displyed two DIVs as I expected inspite of shotage of space in the parent DIV.
Thank you again for your help.