Layout Grid CSS property not suported in IE11

I wanted to define a character grid such that one character is displayed in one cell of the grid.
previously the CSS property -ms-layout-grid-mode worked well in IE7,8,9.
but the -ms-layout-grid-mode property(https://msdn.microsoft.com/en-us/library/ie/ms530774(v=vs.85).aspx) doesnt work in IE11.
Has it been obolete/not supported in IE11?(i couldnt find any documentation regarding the same)
What CSS property can be used to obtain Character Grids in IE11?
thanks for the replies.

Hi,
From this MSDN document, it still applies to Internet Explorer 11.
For more information, please read this document:
Alphabetical Index
https://msdn.microsoft.com/en-us/library/ie/hh869403(v=vs.85).aspx
For further information about CSS properties, please ask in MSDN forum.
https://social.msdn.microsoft.com/Forums/ie/en-US/home?category=iedevelopment
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Similar Messages

  • How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

    How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
    and I know it is being over-ridden by
    .gridContainer {
      width: 88.5%;
      max-width: 1232px;
      padding-left: 0.75%;
      padding-right: 0.75%;
      margin: auto;
      clear: none;
      float: none;

    Abdelqader Alnobani wrote:
    How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
    and I know it is being over-ridden by
    .gridContainer {
      width: 88.5%;
      max-width: 1232px;
      padding-left: 0.75%;
      padding-right: 0.75%;
      margin: auto;
      clear: none;
      float: none;
    Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
    <div class="gridContainer">
    Top Code Section Goes Here
    </div>
    <!-- close gridContainer -->
    <div id="fullWidth">
    Full width section goes here
    </div>
    <!-- close fullWidth -->
    <div class="gridContainer">
    Bottom Code Section Goes Here
    </div>
    <!-- close gridContainer -->

  • The Visible attribute on alv grid column is not changed after Change Layout

    Setup:
    I have a program that displays output in an ALV grid (using cl_salv_table).
    The ALV grid is displayed within a custom control on a subscreen.
    I have 4 subscreens being used on a tabstrip control.  So I have 4 ALV grids total (one on each subscreen).
    On each ALV grid, I have set the set_layout_change function to true so that the user can hide and unhide columns etc. on each grid via the button on the alv grid toolbar.
    I also allow the user to dowload the contents of all 4 grids to excel.  To do this I have a custom button that when clicked goes to each ALV grid - gets the column metadata (via cl_salv_columns_table-get() ) and checks the visibility to determine if the column should be downloaded or not (via cl_salv_column-is_visible() ) to excel.
    The Problem:
    As I said I have 4 grids being displayed via a tab control.  Let's say the user is on tab 1 and unhides some columns on the alv grid 1 via the Change Layout... button.  And then the user navigates to tab 2.  If they click the download button at that point - when the download code is run and it checks the visibility of the columns on alv grid 1 - the changes that were made via the Change Layout... button have not synchronized yet.  When I call is_visible() for a column that was unhid it still comes back as false. 
    The only way I have found to remedy this is to make the user click on a button on the alv grid's toolbar before navigating to a different tab to force the synchronization between the changes made and the backend column metadata.  However, this is not the best option and requires training for the user that they have to do this for the download to work correctly. 
    The Question:
    1) why is the Change Layout... button not automatically synchronizing the changes it made to the back end?  Is there a way to make it do this?
    2) OR, is there a way that I can force the synchronization within the code and not force the user to click a button on the alv grid?  If there is a way to force the synchronization - where do I put that code?  As far as I can tell, when I switch between tabs - I am unable to catch that action in my PAI events.
    Thanks in advance for any help.

    I was able to resolve this issue with a satisfactory solution.
    In my program I had a local class definition to handle the grids' events.  When the synchronization wasn't working I only had two events defined: for link_click and added_functions. 
    I created another definition for event after_salv_function:
                   on_after_salv_function for event after_salv_function of cl_salv_events importing e_salv_function
    There is no code in the method implementation - but adding this event handler now causes a synchronization to occur after the Change Layout is done.

  • Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory.

    HI
    i restored a sharepoint web 80 application in our test domain
    and after when i browse the new web application 
    it says 
    Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory. 
    adil

    Hi  adil,
    According to your description, my understanding is that you encountered the error “Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file
    exists under the layouts directory.” .
    The issue happens in
    We have customized master page
    In the master page, we use path the script/style file like this: <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>"
    runat="server"/>
    While using the dynamic path in a multiple languages enabled site, language Id(1033 etc) will be added to the path automatically. That cause the file to be not found.
    To solve the issue, please download  the Arabic language pack http://www.microsoft.com/en-us/download/details.aspx?id=3411 ,
    install it on  your SharePoint and refresh your browser.
    Reference:
    http://sharepoint-community.net/profiles/blogs/cannot-make-a-cache-safe-url-for-1036-sytles-themable-corev4-css
    Best Regards,
    Eric
    Eric Tao
    TechNet Community Support

  • CSS Changes not showing in Design View

    I'm just coming over from GoLive (and their layout grid) so
    I'm not entirely familiar with DreamWeaver CS3 and CSS.
    However, whenever I make changes in a CSS sheet (and save
    them) they are not immediately rendered in the Design View. They
    show up just fine if I "Preview in Browser" though. I can even
    close the html page and reopen it and sometimes they will show up,
    but not usually. Oh, and the "Refresh Design View" button is greyed
    out and doesn't do anything.
    Thanks,
    Dan

    Yes, that seems to be the case. I ran a validation check on
    the html page (it was coded in XHTML 1.0 strict) and came up with 2
    errors related to the CSS features I was trying to use.
    Thanks!

  • Layout grid

    Hi - Go Live user in peace!
    As a relative newbie the layout grid feature in GL is really
    useful but seems to be dismissed by the DW community. Is there
    anything similar in DW or do I have to get my head around CSS
    positioning or do everythnig in nested tables.
    the only other thread I found about this suggests that the GL
    layout grid feature just adds lots of superfluous code.
    Can anyone shed any light on the matter - since I suspect GL
    is going to fade away I'm looking to start using DW and this is a
    major difference (just about everything else seems pretty similar -
    although the GL UI is something I've grown accustomed to)
    Thanks

    > As a relative newbie the layout grid feature in GL is
    really useful but
    > seems
    > to be dismissed by the DW community. Is there anything
    similar in DW or do
    > I
    > have to get my head around CSS positioning or do
    everythnig in nested
    > tables.
    That's what you have to do. The end result is the same, but
    you will wind
    up understanding much more about HTML page construction. Use
    tables first,
    until you understand them well, and then move on to CSS.
    Don't try to do
    both at the same time or you'll hurt yourself!
    > the only other thread I found about this suggests that
    the GL layout grid
    > feature just adds lots of superfluous code.
    It does not. But it uses tables in a way that is similar to
    how Fireworks
    uses them when you export a sliced image to HTML. The tables
    are bulky, and
    fragile. If you use the Grid in GL, that's what you get. It's
    definitely
    not how an experienced user would build the same page.
    > Can anyone shed any light on the matter
    Even with GL, the more you know about HTML and CSS, the
    easier your learning
    curve will be.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "stickleback" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi - Go Live user in peace!
    >
    > As a relative newbie the layout grid feature in GL is
    really useful but
    > seems
    > to be dismissed by the DW community. Is there anything
    similar in DW or do
    > I
    > have to get my head around CSS positioning or do
    everythnig in nested
    > tables.
    >
    > the only other thread I found about this suggests that
    the GL layout grid
    > feature just adds lots of superfluous code.
    >
    > Can anyone shed any light on the matter - since I
    suspect GL is going to
    > fade
    > away I'm looking to start using DW and this is a major
    difference (just
    > about
    > everything else seems pretty similar - although the GL
    UI is something
    > I've
    > grown accustomed to)
    >
    > Thanks
    >

  • Why is my CSS style not applied to my HTMLB page ?

    Hello !
    I'm using a css file to define the layout of my htmlb page... but the layout is not applied.
    When I specify the layout CSS in a common html page the layout is applied but not for an htmlb page.
    Could someone let me know where I'm wrong ?
    EG :
    My htmlb page :
    <%@page language="abap" %>
    <%@extension name="htmlb" prefix="htmlb" %>
    <htmlb:content>
      <htmlb:page title=" " >
          <html>
                <head>
                <link href="style.css" rel="stylesheet" type="text/css">
                </head>
                <body>
                text1
        <htmlb:form>
            text2
        </htmlb:form>
                </body>
          </html>
      </htmlb:page>
    </htmlb:content>
    My css file style.css :
    <%@page language="abap"%>
    body {
        background-color: #990000;
        font-family: Verdana;
        font-size: 32x;
        line-height: 32px;
        color: #666666;
    As a result, I have a blank page (and not red) with the text "text1" and "text2" written.

    This code you have is unfortunately completely bogus. It is just not going to work. Writing HTMLB tags are easy. It takes but minutes to make the magic appear in the browser. But, you have also have to understand a little about what is happening.
    At a very first, I would like to recommend this link: <a href="/people/brian.mckellar/blog/2004/06/11/bsp-trouble-shooting-getting-help">Getting Help</a>. You are specifically interested in the section that shows you how to get help about specific tags.
    As a next step, look at the help for the <htmlb:page> tag. It is the first important one. See how it is a collection of other <htmlb:document*> tags.
    Thereafter, look at SBSPEXT_HTMLB/document.BSP for an example on how to replace the <htmlb:page> sequence in your application.
    Once this is done, place you "<link ...>" sequence directly after the <htmlb:headInclude> tag that you have now on your page.
    Compile, test, assign 10 points.

  • CSS is not showing in design view

    Hello, I wonder if anyone can help. I would appreciate very
    much if you can... I have read all the css related problems, but
    did not see the problem I am having.
    Anyway, I have done a website template for someone and I gave
    it to him to update the contents. However, on his dreamweaver
    Design view, the css does not support it at all so it looks all
    messy. Though when he preview it on IE, this is all fine. I have
    made templates and css files with dreamweaver and I can view
    everything fine. He seems to have the same version of DW (MX 2004)
    so I am not sure how this happens. We were looking in everything
    (including goofy css as someone says on this forum), but have no
    luck so far. Here is my link and I pasted my css here.
    http://www.norithefish.com/index2.html
    Many thanks for this.
    Noriko
    /* HTML tag styles */
    body
    {background: #cccccc; font-family: Verdana, Arial, Helvetica,
    sans-serif;
    font-size: small; color: #000000; font-weight: normal}
    a { color: #333333; text-decoration: none }
    a:active { color: #666666; text-decoration: none }
    a:hover { color: #CC3300; text-decoration: underline }
    .bodytext { font-size: small; color: #000000; font-weight:
    normal}
    .smalltext { font-size: x-small; color: #000000; font-weight:
    normal}
    .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    .title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
    .wbracket{ font-size: small; font-weight: normal; color:
    #ffffff}
    .smalltitle { font-size: 1em; font-weight: normal; color:
    #666666}
    .sub { font-size: small; font-weight: bold; color: #ffffff }
    .foot { font-size: x-small; font-weight: normal; color:
    #000000}
    h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #cc3300
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    color: #cc3300
    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #666666
    ul{
    list-style-type: square;
    ul ul{
    list-style-type: disc;
    ul ul ul{
    list-style-type: none;
    /* Layout Divs */
    #pageNav{
    float: left;
    width:21.3%;
    top:10px;
    padding-left: 0px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    #content{
    width:75%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 20px;
    /* Component Divs */
    #siteName{
    margin: 0px;
    padding: 16px 0px 8px 0px;
    color: #ffffff;
    font-weight: normal;
    /************** feature styles *****************/
    .feature{
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    /************* #siteInfo styles ***************/
    #siteInfo{
    clear: both;
    font-size: 100%;
    background-color: #999999;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #666666;
    /************* #smalltitle styles ***************/
    #smalltitle{
    clear: both;
    background-color: #ffffff;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #CC3300;
    border-bottom: 1px solid #CC3300;
    /*********** #sectionLinks styles ***********/
    #sectionLinks{
    position: relative;
    width: 150px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
    #sectionLinks a:link{
    font-size: 1.15em;
    padding: 2px 0px 5px 10px;
    border-top: 1px solid #cccccc;
    width: 100%;
    width: auto;
    #sectionLinks a:visited{
    font-size: 1.15em;
    border-top: 1px solid #cccccc;
    padding: 2px 0px 5px 10px;
    #sectionLinks a:hover{
    font-size: 1.15em;
    border-top: 1px solid #cc3300;
    background-color: #dddddd;
    padding: 2px 0px 5px 10px;
    /*********** .frame styles ***********/
    .frame {
    width: 700px;
    left: 50%;
    padding-top: 0px;
    margin-left: -350px;
    margin-top: 0px;
    position: absolute;
    visibility: visible;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    background-color: #ffffff;
    .bg {
    height: 1px;
    background-color: #cccccc;
    width: 100%;
    /*********** #pageNav link styles ***********/
    #pageNav ul a:link, #pageNav ul a:visited {display: block;}
    #pageNav ul {list-style: none; margin: 0; padding: 0;}
    /* hack to fix IE/Win's broken rendering of block-level
    anchors in lists */
    #pageNav li {border-bottom: 1px solid #EEE;}
    /* fix for browsers that don't need the hack */
    html>body #pageNav li {border-bottom: none;}
    /********************* end **********************/

    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    Or move the image within the existing pair. You cannot have
    that
    construction, though -
    <li>blah</li>
    <img>
    <li>blah</li>
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "josie1one" <[email protected]> wrote in message
    news:[email protected]...
    > It sounds to me as if it's a path issue.
    > Your path is this:
    > <link rel="stylesheet" href="styles/inside.css"
    type="text/css">
    >
    > Does he have a folder called "styles" within which
    should be the
    > stylesheet?
    >
    > You have a couple of code problems (I'd say unrelated to
    your question).
    > <li><a href="1-about.html">Order your Tshirt
    </a></li>
    > <img src="ferrari_team_polo.jpg" alt="photo of a
    T-shirt" width="120"
    > height="180">***
    > <li><a href="1-about.html">Order your
    cap</a></li>
    > <img src="ferrari_cap.jpg" alt="photo of a cap"
    width="120"
    > height="75"><br>***
    >
    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    >
    > and according to
    >
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
    >
    > you have an extra </div> a couple of lines above
    the </body>
    >
    >
    > --
    > Jo
    >
    >
    >
    >
    >
    > "norithefish" <[email protected]> wrote
    in message
    > news:[email protected]...
    >> Hello, I wonder if anyone can help. I would
    appreciate very much if you
    >> can...
    >> I have read all the css related problems, but did
    not see the problem I
    >> am
    >> having.
    >>
    >> Anyway, I have done a website template for someone
    and I gave it to him
    >> to
    >> update the contents. However, on his dreamweaver
    Design view, the css
    >> does not
    >> support it at all so it looks all messy. Though when
    he preview it on IE,
    >> this
    >> is all fine. I have made templates and css files
    with dreamweaver and I
    >> can
    >> view everything fine. He seems to have the same
    version of DW (MX 2004)
    >> so I am
    >> not sure how this happens. We were looking in
    everything (including goofy
    >> css
    >> as someone says on this forum), but have no luck so
    far. Here is my link
    >> and I
    >> pasted my css here.
    >>
    >>
    http://www.norithefish.com/index2.html
    >>
    >> Many thanks for this.
    >> Noriko
    >>
    >> /***********************************************/
    >> /* HTML tag styles */
    >> /***********************************************/
    >>
    >> body
    >> {background: #cccccc; font-family: Verdana, Arial,
    Helvetica, sans-serif;
    >> font-size: small; color: #000000; font-weight:
    normal}
    >>
    >> a { color: #333333; text-decoration: none }
    >>
    >> a:active { color: #666666; text-decoration: none }
    >>
    >> a:hover { color: #CC3300; text-decoration: underline
    >>
    >> .bodytext { font-size: small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltext { font-size: x-small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    >>
    >> .title{ font-size: 1.5em; font-weight: bold; color:
    #CC3300}
    >>
    >> .wbracket{ font-size: small; font-weight: normal;
    color: #ffffff}
    >>
    >> .smalltitle { font-size: 1em; font-weight: normal;
    color: #666666}
    >>
    >> .sub { font-size: small; font-weight: bold; color:
    #ffffff }
    >>
    >> .foot { font-size: x-small; font-weight: normal;
    color: #000000}
    >>
    >>
    >> h1 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.5em;
    >> color: #cc3300
    >> }
    >> h2 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.15em;
    >> color: #cc3300
    >> }
    >> h3 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1em;
    >> color: #666666
    >> }
    >>
    >> ul{
    >> list-style-type: square;
    >> }
    >>
    >> ul ul{
    >> list-style-type: disc;
    >> }
    >>
    >> ul ul ul{
    >> list-style-type: none;
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Layout Divs */
    >> /***********************************************/
    >>
    >> #pageNav{
    >>
    >> float: left;
    >> width:21.3%;
    >>
    >> top:10px;
    >> padding-left: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> border-right: 1px solid #cccccc;
    >> }
    >>
    >> #content{
    >> width:75%;
    >> float: left;
    >> padding: 0px 0px 0px 0px;
    >>
    >> margin: 0px 0px 1px 20px;
    >>
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Component Divs */
    >> /***********************************************/
    >> #siteName{
    >> margin: 0px;
    >> padding: 16px 0px 8px 0px;
    >> color: #ffffff;
    >> font-weight: normal;
    >> }
    >>
    >>
    >> /************** feature styles *****************/
    >>
    >> .feature{
    >> padding: 0px 0px 0px 0px;
    >> font-size: 100%;
    >>
    >>
    >> }
    >>
    >>
    >>
    >> /************* #siteInfo styles ***************/
    >>
    >> #siteInfo{
    >> clear: both;
    >>
    >> font-size: 100%;
    >> background-color: #999999;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #666666;
    >> }
    >>
    >> /************* #smalltitle styles ***************/
    >>
    >> #smalltitle{
    >> clear: both;
    >>
    >> background-color: #ffffff;
    >> font-size: 100%;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #CC3300;
    >> border-bottom: 1px solid #CC3300;
    >>
    >> }
    >>
    >>
    >>
    >> /*********** #sectionLinks styles ***********/
    >>
    >> #sectionLinks{
    >> position: relative;
    >> width: 150px;
    >> margin: 0px;
    >> padding: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> font-size: 90%;
    >>
    >> }
    >>
    >>
    >>
    >> #sectionLinks a:link{
    >> font-size: 1.15em;
    >> padding: 2px 0px 5px 10px;
    >> border-top: 1px solid #cccccc;
    >> width: 100%;
    >>
    >> width: auto;
    >> }
    >>
    >> #sectionLinks a:visited{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cccccc;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >> #sectionLinks a:hover{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cc3300;
    >> background-color: #dddddd;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >>
    >>
    >>
    >> /*********** .frame styles ***********/
    >> .frame {
    >> width: 700px;
    >> left: 50%;
    >> padding-top: 0px;
    >>
    >> margin-left: -350px;
    >> margin-top: 0px;
    >> position: absolute;
    >> visibility: visible;
    >>
    >> border-top: 1px solid #999999;
    >> border-bottom: 1px solid #999999;
    >> border-right: 1px solid #999999;
    >> border-left: 1px solid #999999;
    >> background-color: #ffffff;
    >> }
    >> .bg {
    >> height: 1px;
    >>
    >> background-color: #cccccc;
    >> width: 100%;
    >> }
    >>
    >> /*********** #pageNav link styles ***********/
    >>
    >> #pageNav ul a:link, #pageNav ul a:visited {display:
    block;}
    >> #pageNav ul {list-style: none; margin: 0; padding:
    0;}
    >>
    >> /* hack to fix IE/Win's broken rendering of
    block-level anchors in lists
    >> */
    >> #pageNav li {border-bottom: 1px solid #EEE;}
    >>
    >> /* fix for browsers that don't need the hack */
    >> html>body #pageNav li {border-bottom: none;}
    >>
    >> /********************* end **********************/
    >>
    >>
    >>
    >>
    >
    >

  • CSS (some, not all) not showing up in browser, but fine in DW. Plus other desperate issues....

    I would really appreciate any and all help I can get to solve these problems as I'm new to CSS/HTML (completely new) and have been attempting to code my design just well enough to get it uploaded and working as a site. Once I can atleast achieve this feat, I plan on completely converting to CSS. But for now, I need to get the site working and I really didn't want to come and bother all of you on here with my problems and have been procrastinating posting on here for absolutely ages now....but since I can't figure all of the messy-uppy ness going on on my own, I beg forgiveness for any of your time wasted on my problems .
    Okay, so the "main" issue here is that I can see some(some, not all) CSS on DW, but I see NONE whatsoever when I go to preview in browser, same after uploading. I do have all of the files uploaded and placed in the correct directories, including the stylesheet, and images folder. But, nope, nada. Now, I did think this was a root/directory problem, maybe the url's weren't pointing to the right directories. I checked and attempted to fix this several times and any changes made no difference. Also, uploaded to the root of my site, where all files and folders are where they should be, yet no change. I am utterly clueless as to what is going on here....
    Second: Padding, or margins added through CSS for the divs is simply not working in DW or otherwise. I have padding placed on all of the content type areas with writing/content in them and despite the fact that the changes to the font/text formatting I've made show up, the padding does not. This is only in DW since no CSS whatsoever is showing out of DW anyways. I would like to know how to get the padding and the formatting, just all of the CSS in general to actually show up in browser/when uploaded.
    Third: The next issue is also confusing, and this only occured after I made the page into a template and uploaded the home.htm page I created from it to my site. For some reason, the image called "../images/aurora2_14_content_marg.gif". Is appearing at the very top of the page for no reason at all. I don't understand why it is there, or how it even got up there in the first place.
    Fourth: This was actually next on my list of things to figure out once I've gotten all of the above issues taken care of but since I'm still drawing a blank after 2+ weeks on how to get this done in a way that will work I guess it couldn't hurt to ask on here and get some expertise on the matter. The issue is that I have a repeating background (images/bg.png) that I want stretching downwards as I add content to the page. I have this placed as the main background for the entire site as you will be able to see in a moment through my code/site. Now, the place I want this to start is from where the aforementioned image (../images/aurora2_14_content_marg.gif) stops. However, I want the content to actually start from 20 pixels or so from the top of that very image. I want to try and achieve this through the use of margins but since the margins and padding are not showing up I hve been unable to experiment with it enough to figure out any other way to achieve this.  Any suggestions on how to achieve this would be much appreciated.
    Fifth (yes, unfortunately we're still going): As you may be able to see through the design I have two seperate areas for the main content and the navigation and other such items to be placed. To clarify, the content will be placed(through the use of expandable content boxes, once I figure out how to work that) beginning at the aforementioned image/td/div (../images/aurora2_14_content_marg.gif) with a bit of padding or margin from the top and sides (too pull the content towardsthe center of the site rather than all over from left to right like it is appearing now). The navigation etc will be placed where the long cyan area is under the search bar. For both of these, I cannot figure out how to split my one background image and also the content_marg.gif image into the two divs/or whatever else would work to split their contents from eachother. I think that seperating them into 2 divs with padding from the sides and eachother and seperate top paddings (I want the navigation to begin more near the top of the page than the content). The issue here is, I cannot figure out how to do this.
    Any and all suggestions would be greatly appreciated. Also, any tips on how to achieve the code for the solutions provided would also be very much appreciated, as I am only just starting out coding.
    The site/page:
    http://aurora.comeze.com/home.htm
    The stylesheet (style.css):
    http://aurora.comeze.com/style.css
    Like I mentioned above, all of this except the padding shows up in DW. Whereas, none of this shows up at all in browser view, or through the site.

    Summary of issues #1 through #5:
    Code errors galore:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Faurora.comeze.com%2Fhome.htm
    Photoshop generated HTML.
    20th century table based layout with endless spacer gifs.
    START OVER
    From Tables to CSS Web Design Part 1 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
    From Tables to CSS Web Design Part 2 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
    =========================
    DW Starter Pages (CSS Layouts)
    http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
    =========================
    Taking a Fireworks (or Photoshop)  comp to a CSS Layout in DW
    Part 1 - Initial Design
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
    Part 2 - Markup preparation
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
    Part 3 - Layout and CSS
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
    ========================
    HTML & CSS Tutorials - http://w3schools.com/
    Learn CSS positioning in 10 Steps
    http://www.barelyfitz.com/screencast/html-training/css/positioning/
    How to Develop with CSS?
    http://phrogz.net/css/HowToDevelopWithCSS.html
    ========================
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Best of luck,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • Css layout problems - css and tables

    Hi guys,
    Well as some of you suggested months ago, I've been trying to
    learn to layout with CSS... It's actually getting a bit rewarding
    now as I start to figure a few things out but there's still plenty
    of questions!!!
    If anyone can take a look at what I'm working on at the
    moment and give me some help I'd REALLY REALLY appreciate it!!
    My main trouble (I think) is working with a drop-down menu
    system that I found on the web and I'm dying to use it because it's
    perfect for this design. It's layed out using a table so I'm trying
    to incorporate that...
    Click
    [url=http://home.iprimus.com.au/jediwdog/ltc/mockup2.jpg]here[/url]
    for a picture of what i'm trying to get this page to look like and
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.html]here[/url]
    to see how far I've got. You can download the stylesheet from
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.css]here[/url].
    Here's what I need to know:
    1. I'm trying to push the table down so it looks better lined
    up with the logo but when I tell it to be further from the top, it
    doesn't seem to move. Any ideas on why?
    2. As you can see, I've inserted some blank space into the
    middle of the menu so that the logo doesn't cover any of the menu
    items. I can't seem to get the same 1px black border on this
    section.
    I assume this is because the border on the other parts is a
    layer/div border? Will I have to somehow put a div in there so as
    to create the same border effect?
    3. I'd really like to keep the header and footer visible at
    all times, even if there's lots of content to scroll through. I
    found this:
    http://www.cssplay.co.uk/layouts/basics2.html#Top
    but when I tried to implement this on my page, it all went haywire!
    Is this going to be a possibility?
    4. I guess other than that, have I completely stuffed this
    up!? I don't think I have but it's worth asking I guess!
    THANKS IN ADVANCE! I'm really loving using css layout rather
    than tables - it's soooo much more versatile. I just need to get
    past some obstacles I think!
    Cheers
    Neil

    On Wed, 24 Jan 2007 22:17:20 +0000 (UTC), "Barb S."
    <[email protected]> wrote:
    >Ok, I made your suggested changes and have this:
    >
    > body {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > text-align: center;
    > font-size: 1em;
    > font-style: normal;
    > text-decoration: none;
    > top: 15px;
    > background-image:
    url(/images/backgrounds/background1.gif);
    > padding-top: 15px;
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    >
    > #body {
    > margin: 0 auto;
    > text-align:left;
    > width: 760px;
    > padding-right: 20px;
    > padding-bottom: 20px;
    > padding-left: 20px;
    > background-color: #FFFFCC;
    > padding-top: 20px;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 1em;
    > color: #003366;
    >
    > }
    >
    >
    http://www.japanesetemari.com
    >
    > The page is on the left size of the screen and the
    yellow box does not expand
    >out. Not exactly what I'd wanted. I like to take
    advantage of larger screens
    >and have the page expand out but not so far out so the
    lines of text are real
    >long.
    > Barb
    It's this in the body style that is limiting the width -
    change that
    to 100%
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    ~Malcolm N....
    ~

  • Problems with moving pictures on a layout grid

    Hello,
    currently I am switching from windows golive5 to mac os x golive 9.
    In my "older" version I could move pictures on a layout grid by using the arrow keys (klick on right arrow one time moved the picture one step right...)
    In my new Version this function is just working on pictures without a border.
    If there is a border (HTML border=...) around the picture the picture is scaling bigger an bigger by using any arrow key.
    So my only chance to move these pictures on the grid is by mouse or remove the border, move them by the arrow keys, and recreate the border...
    Even the manual input of the grid position (using Y=50 X=50) by clicking on these arrows or input the numbers directly in the toolbar is scaling the picture.
    Is this a bug? Can I do anything to work like in GoLive 9, just moving every Object by arrow keys?
    Thank you in advance!
    Nic

    Wow, looks like a bug to me! The image enlarges by the combined values of the border whenever it is shifted - with the nudge arrows or not - and that can only be called a bug. I'd just uncheck the border button in the Inspector, move the image and then turn on the border again.
    I can't find the bug report page on Adobe.com for the life of me right now. Does anyone know where it has gone?

  • Does Safari have a css property to emulate IE's disabled vertical scrollbar

    Hi,
    Does Safari have a css property to force the always-on disabled Internet- Explorer-type scroll bar like Firefox has? The site design needs to plan for the scroll bar width anyway, and I don't want the screen jumping left and right when the scroll bar activates and deactivates. I also don't want to use the active scroll bar by setting lengths to height plus one.
    Thanks!
    Thanks!

    This isn't about the css standard. I agree that IE is a huge impediment to progress on the Internet as a whole. Having scroll bars showing by default or not is a browser design choice.
    Firefox and Safari have initially chosen to hide them by default, and have them visible only when content exceeds page length. I used to think that was the "right" way. I, and many others, now realize that IE has it right. The advantage is the page doesn't jump around depending on content. The designer must compensate for the possibility of a scroll bar in the design anyway. Firefox has recognized the validity and widespread support for this position and has since incorporated a proprietary css property to render the disabled scroll bar. They separate their properties by prefixing them with moz to circumvent conflicts with what may become a W3C standard property in the future. My question is whether or not Safari has any means available to web developers that enable them to display an inactive scroll bar yet.
    Thanks!

  • How to create/change layout grid in MIR7/MIRO

    Dear all,
    How to create/change layout grid in MIR7/MIRO??I want to change the order of the items table.
    Thx.
    Icuk Hertanto

    Check SAP  Note 315586 - MIRO: Creating and changing display variants for Step by Step guidance.

  • InD CS6, what happened to margin-top CSS property in EPUB?

    I have been playing around with EPUB export in InDesign CS6. What surprised me the most is the missing CSS property. What's the reason to leave margin-top property out from the paragraph styles? Is this a feature, a bug or am I just doing something wrong? Others noticed this also?
    Other thing which surprised me is the unit they use in margins. Earlier it was em but now it's pixel. Any way to change this?

    @Steve,
    When I turned the computer on this morning it said updates were available: CS6 2.02, I believe-although I can't remember for sure or find that version listed now on any "About" screen. I just clicked "Yes" to update. I'm not sure why they arrived for me but not you. I did have a problem with Acrobat X quitting yesterday (another CS6 bug) and had to deactivate and reactivate the package to get Acrobat to work. Don't know it that would affect updates though. I have never seen any availabe when I checked.
    Anyway, the first thing I tested after the updates I received were installed was the epub export and nothing had changed regarding top spacing. Seems like we either have to add bottom spacing on previous paragraphs, use forced line breaks, edit CSS files, or create in CS5.5. For me, the latter still seems the easiest way to create an e-book after creating the print book.

  • ITSMobile - Problems when changing screen layout with CSS

    Good afternoon,
    I have a service ZLM00(SICF) with some public screens in the stile MOBILE4(Service of  internet-se80), and I am trying change your layouts with CSS.
    Steps taken:
        1 u2013 I activated the repository MIMES (/default_host/sap/public/bc/its/mimes);
        2 u2013 I copied the mobile.css from internet service standard ITSMOBILE for my service ZLM00(se80) with the name ZRF01.CSS;
        3 u2013 I added the parameter ~ITSMOBILECSSINCLUDE = ZRF01 in my service ZLM00(SICF);
        4 u2013 I published all screens and file ZRF1.CSS;
    The problem:
          When I test the service in the browser, I see in the source code that the file CSS was added u201C<link rel="stylesheet" href="/sap/public/bc/its/mimes/zlm00/99/ZRF01.css" type="text/css" />u201D
          And the screens received some changes, however when I added a new line in file CSS for exemple
    /* --- Basic Row -
          .MobileRow {
            white-space:pre;
            vertical-align:middle;
            background-color:#F3F3F3;  "new lineu201D
            Is not ok. Just the command standard works.
            I am doing something wrong ? Is missing some step ?
            My configurations:
             - Version SAP ECC 6.0/SAP_APPL 604 SP8;
             - Device mobile Symbol/motorola MC3190;
             - Operating system Windows CE 6.0 with Internet Explorer 6.0;
             SICF:
             ~THEME                          99
             ~TRANSACTION                          LM01
             ~ITSMOBILE                          1
             ~SOURCES                          ZLM00,ITSMOBILE
             ~POPUPS                           1
             ~ITSMOBILECSSINCLUDE     ZRF01
             ~ITSMOBILEELEMUNITS       px
             ~DYNPRO_COMPRESSION     1
             ~ITSMOBILECUAINCLUDE     ZCUAAREA
             ~ITSMOBILEELEMFACTOR      6
          PS: I am trying change the layout of the screens only to remove blank spaces placed on the screen MOBILE4, the objects do not fit the device screen.        
          Best regards,  
          Gerson S. Livio

    No.
    If you want to see how the screen will look; look in the iPhone/ iOS 7 section of this site.

Maybe you are looking for

  • Are there jumpers on a Mac g4 Mdd

    I am swapping from a 867 Mirror drive to a 1.25 ghz processor on a Mac g4 MDD. Are there any jumpers that need to changed??? Please Help Thanx

  • Movie Download help

    I was in the process of downloading a movie and had to manually stop it from downloading, from my purchases file. It now is only reading that it is still downloading and I can not get it to start again. Any suggestions are appreciated.

  • Graphic Design Tools

    Are there any tools that help with developing graphics in a visual way. Something that lets you draw Java2d shaps in a Visio or autocade type way and then generates code. Even past that is there a visual tool that helps you do animations? I would be

  • Screenshots for Search option using Enity  object(donot want session bean)

    I want to create Entity object(donot want session bean and Enity diagram) with search option. so any one help me. i could not find (b13895_oracle10g) PDF

  • Bundle Exceptions in BeforeCommit

    Can I bundle Exceptions inside the beforeCommit() method? registerRowException(new JboException("Exception1")...); registerRowException(new JboException("Exception2")...); registerRowException(new JboException("Exception3")...); registerRowException(