none
Why won't border render? RRS feed

  • Question

  • The frustration meter if off the scale now. After over an hour in failed attempts to apply a top and bottom border to my page content I failed miserably.

    I have #Container id (style or whatever it is) that Cheryl had included in some earlier demos for for me. In my .dwt I have this code:

    <div id="container">
    <p>Enter new content here.</p>
    </div>

    My CSS looks like this:
    #container {
    margin: 0 auto;
    padding-top: .3em;
    padding-bottom: .3em;
    border-top: #182130 solid medium;
    border-bottom: #182130 solid medium;
    }

    It renders as expected in EW

    but it won't render in any of the multiple browsers (Chrome, IE, etc.)

    http://gmaxey.mvps.org/Test.html

    It seems every attempt to do what you be the most basic task is a complete hairball with this program. What can I possibly being doing wrong now?

    Thank you.


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 3:46 AM

All replies

  • Never mind.  I tried and tried.  Saved th file, previewed in browser, published changed files and nothing worked. Then I thought maybe I sould publish all files.  I did and it seems to work.

    So the question now is that normal behaviour?


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 3:54 AM
  • First, what did you mean by "it wouldn't render in browsers"?  Did you mean previewing?  After publishing?

    And, if after publishing ... you remembered to publish the CSS file, too, I hope?  That's a rather obvious error that would have been fixed by publishing (unecessarily) all files.
    • Edited by KathyW2 Wednesday, January 11, 2012 4:31 AM
    Wednesday, January 11, 2012 4:05 AM
  • I meant it wouldn't render using File>Preview in browser and it wouldn't render after publishing to the server.

    I tried several time by publishing changed files and publishing the page and css sheet individually.  Nothing working.

    Then as I said I late decided to publish "all" files to the server.  Then it worked.  However then I noticed that my menus were fould up.  They too looked fine on the screen but in the browers they were orange hypderlinks.  While trying to fix that the next thing way my masthead color disappeared.

    I restored my old CSS (lost half a day's work) and it looks normal again.  I then simply tried to re-add the border the the container id.  Again it looks correct on screen but doesn't reander. I'm afraid to publish all files again now for fear of destroying everything again.

    I'm quitting for the day and may just quit for good :-(

     


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 4:47 AM
  • It seems I have lost all abilty to format the page in the site. I tried to add a bottom border to the H2 sytle.  It dispalys on the screen but not in Chrome or IE 9.  I ran my CSS through the validation service and it is clean.

     


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 6:34 AM
  • Well, you'll have to publish the non-working page and post the link.  (The link in your first post, for example, has no border style on the h2 style, as of this post.)


    • Edited by KathyW2 Wednesday, January 11, 2012 7:35 AM
    Wednesday, January 11, 2012 7:34 AM
  • Kathy,

    Sorry, I had to call it quits for awhile.  Starting fresh this morning I opened my site and re-applied the border to the heading 2 in the Test.html page.  The style immediately appeared in the design view as expected.  I then went to File>Preview in browswer to look at the change and it wasn't there.  In either IE9 or Chrome (I am this morning going to install Firefox).  Next I published the site.  I again I looked in File>Preview in browswer (same results).  Next I selected Preview in multiple browsers and the border now appears in IE9 but not Chrome. 

    BREAK

    I just installed the Firefox 9.0.1 and it preview in that one as well.  I dont' know what is going on! 

    Now I did this:

    1. Removed the border.

    2. Looks right on screen

    3.  File>Preview in browser.

    Nothing.

    So I did this.

    1.  Published the site

    2.  File>Preview in browser (appears in IE9 and Firefox)

    3.  Preview in multiple browsers (appears in IE9 and Firefox)

    4.  Clicked the "reload this page" button in the Chrome broswer (appears now)!!

     

    Then did this:

    1. Reapplied the border.

    2. Published the CSS file

    3. File>Preview in brower (appears in all browsers)

    Perhaps I have lost my mind, but before yesterday it seemed that every type of formatting change would appear (perhaps not how I wish it would) in both Chrome and IE9 immediately after I would make the change and click File>Preview in browser. Yesterday I installed EW4 SP2.  Perhaps this is the cause?

    Since the border is now displaying in all three borders I suppose the question now is:

    When modifying styles in a website what is the common or suggested way to review/verify changes as you work?

    Thank you.


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 1:02 PM
  • We can't tell you anything about how EW/preview/publish is working based on a description of what you did on your end, other than to say "well, it works for me" or "it shouldn't have done that'.

    When you publish a page that doesn't render as you expect, and you have no idea why (can't fix it based on an "aha!"), at that point, post the link here, and stop.  Let us look and see what it looks like for us.

    Wednesday, January 11, 2012 4:08 PM
  • When you publish a page that doesn't render as you expect, and you have no idea why (can't fix it based on an "aha!"), at that point, post the link here, and stop.  Let us look and see what it looks like for us.


    Kathy,

    Thank you for that. I feel like I am going to wear out my welcome if I don't start getting a better grip on this stuff.  To use the words of Winston Churchill, It is a riddle, wrapped in a mystery, inside an enigma; but perhaps  .... persistence is the the key.


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Wednesday, January 11, 2012 7:22 PM
  • Apparently the upgrade to SP2 modified the site settings.  I changed to this configuration and it now works like it did before:


    Greg Maxey Please visit my website at: http://gregmaxey.mvps.org/word_tips.htm
    Thursday, January 12, 2012 4:46 AM