none
Improper display in design tab RRS feed

  • Question

  • My pages are rendering properly on Firefox and IE, but are not displaying properly on the design tab. The different components of the page are not placed where they are supposed to be and in some cases are overlayed on other components. Makes it very difficult to edit. A solution to the problem will be greatly appreciated.
    Saturday, November 27, 2010 4:46 PM

Answers

  • KathyW2... I followed both your suggestions but still cannot get the page to render properly on the display tab.

    That is because the design view is not a rendering engine (browser). It has other functions to fulfill, and in any event it could not possibly accurately represent the different rendering of three (soon to be four) versions of IE'S Trident engine, and an unknown number of versions of Firefox's and Flock's Gecko engine, plus however many current versions there are of Chrome and Safari's WebKit engine.

    If you pick any one of those to be the rendering engine for design view, it will be inaccurate for all the others. Look at design view as an approximation, and use SuperPreview, SnapShot, and Preview in Browser (in at least IE, FF, and Safari/Chrome) to check your actual appearance. You won't get taken by surprise then when something that works fine in IE breaks everywhere else.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Marked as answer by faintmew Tuesday, November 30, 2010 4:08 AM
    Monday, November 29, 2010 3:10 PM

All replies

  • As it says in the before posting thread, a link to the faulty page helps tremendously.
    As a complete guess - remove all the absolute positioning and/or heights from containers (<div>, <td>, <p> etc.)


    Ron Symonds
    Microsoft MVP (Expression Web)

    www.rxs-enterprises.org/fp
    Saturday, November 27, 2010 4:55 PM
  • My guess would be that layers are being useds but w/o seeing it that's little more than a WAG.
    MS MVP Expression Tutorials & Help http://by-expression.com & Expression Web forums
    Saturday, November 27, 2010 5:30 PM
  • The problem is in Line 42.

     


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    Saturday, November 27, 2010 5:45 PM
  • Nah, that's the answer.
    MS MVP Expression Tutorials & Help http://by-expression.com & Expression Web forums
    Saturday, November 27, 2010 7:05 PM
  • Heh, heh... yeah, you're right. What was I thinkin'...?  ;-)

    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    Saturday, November 27, 2010 7:14 PM
  • 42 is the answer to the unknown question, which, without seeing the page with the content including the CSS, the OP's question is.  :)

    "Ultimate Answer to the Ultimate Question of Life, The Universe, and Everything from the supercomputer, Deep Thought, specially built for this purpose. It takes Deep Thought 7½ million years to compute and check the answer, which turns out to be 42. Unfortunately, The Ultimate Question itself is unknown."

    http://en.wikipedia.org/wiki/Phrases_from_The_Hitchhiker's_Guide_to_the_Galaxy

    Saturday, November 27, 2010 7:16 PM
  • Sorry for not posting a link to the faulty page. It is at http://www.foreclosurelistingspro.com. The site's content is still in the process of being completed.
    Saturday, November 27, 2010 8:03 PM
  • Turn off Visual Aids.

    Also, pay attention to he warnings in Code View. E.g.: you are putting H2's inside of <p>'s (not allowed).

    Sunday, November 28, 2010 5:54 AM
  • KathyW2... I followed both your suggestions but still cannot get the page to render properly on the display tab.
    Monday, November 29, 2010 5:48 AM
  • Display is not a browser.  Turning off visual aids is as close as you are going to get.
    Monday, November 29, 2010 5:51 AM
  • KathyW2... I followed both your suggestions but still cannot get the page to render properly on the display tab.

    That is because the design view is not a rendering engine (browser). It has other functions to fulfill, and in any event it could not possibly accurately represent the different rendering of three (soon to be four) versions of IE'S Trident engine, and an unknown number of versions of Firefox's and Flock's Gecko engine, plus however many current versions there are of Chrome and Safari's WebKit engine.

    If you pick any one of those to be the rendering engine for design view, it will be inaccurate for all the others. Look at design view as an approximation, and use SuperPreview, SnapShot, and Preview in Browser (in at least IE, FF, and Safari/Chrome) to check your actual appearance. You won't get taken by surprise then when something that works fine in IE breaks everywhere else.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Marked as answer by faintmew Tuesday, November 30, 2010 4:08 AM
    Monday, November 29, 2010 3:10 PM