Styles Not Rendered

I have some page templates that do not use an external style
sheet and in DW pages made from those templates are not rendered as
they are in the template. Those same pages are rendered properly
when they are loaded into Internet Explorer.
Summary
Style declared inside template.
Template renders properly in DW.
Page from template not rendered properly in DW. (and page
updated)
Page from template renders properly in Internet Explorer.
Does anyone know of any reason why this would happen?
Thanks

Show me the page, please.
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
==================
"michael_afosr" <[email protected]> wrote in
message
news:e4aij5$rr$[email protected]..
>I have some page templates that do not use an external
style sheet and in
>DW
> pages made from those templates are not rendered as they
are in the
> template.
> Those same pages are rendered properly when they are
loaded into Internet
> Explorer.
>
> Summary
>
> Style declared inside template.
>
> Template renders properly in DW.
>
> Page from template not rendered properly in DW. (and
page updated)
>
> Page from template renders properly in Internet
Explorer.
>
> Does anyone know of any reason why this would happen?
>
> Thanks
>

Similar Messages

  • Styles not rendering in edit mode

    I have Contribute CS5. When I view a page in non-edit mode in Contribute, the page renders with the appropriate styles.  When I put it in edit mode, some syltes render, some do not.  The styles do show for selection in my style drop down list. Can anyone tell me what the issue might be?  This is disconcerting for our users.

    I am using multiple style sheets, but the styles that are not rendering are in the last style sheet called.  I think I pretty much have determined that the rendering engine in Contribute cannot do some styles (perhaps after a certain CSS version number?).  For instance it would not render font-variant:small caps. I had this in my h1 style declaration. But it would render color:red; on that same h1 as an experiment I tried. It also won't render background images.

  • Character styles & Body paragraph style not rendering as specified

    Hi, I am creating my first epub, and am using InDesign CS 5 (no intention of upgrading). I've constructed it as a book, each chapter in its own file. I am encountering two problems I am unable to think my way out of:
    1. None of the three character styles are rendering as they should.
    -"Bold" text is rendering much larger than "Body" paragraph style, even though both are specified at 18 px.
    -"Bullet" renders as UL, but at a much smaller point size than "Body" despite being specified as 18px.
    -"Ital" is also rendering a much larger font size than is should.
    2. I don't seem to be able to affect spacing between "Body" paragraphs, or below h1, etc.
    Any insights? Any help?
    Here is the CSS:
    @font-face {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    src:url("../Fonts/timesbd.ttf");
    @font-face {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    src:url("../Fonts/times.ttf");
    @font-face {
    font-family: Minion Pro;
    font-style: normal;
    font-weight: normal;
    src:url("../Fonts/MinionPro-Regular.otf");
    @font-face {
    font-family: Helvetica;
    font-style: normal;
    font-weight: bold;
    src:url("Fonts/hvb____.PFB");
    @font-face {
    font-family: Times New Roman;
    font-style: italic;
    font-weight: normal;
    src:url("../Fonts/timesi.ttf");
    div.generated-style {
    div.generated-style-2 {
    div.generated-style-3 {
    p.h1 {
    font-family: "Times New Roman";
    font-weight: bold;
    font-style: normal;
    font-size: 2em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: center;
    color: #000000;
    margin: 0em 0em 1em 0em;
    p.author {
    font-family: "Times New Roman";
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: center;
    color: #000000;
    margin: 0em;
    p.body {
    font-family: "Times New Roman";
    font-weight: normal;
    font-style: normal;
    font-size: 1.50em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: left;
    color: #000000;
    margin: 0em;
    p.basic-paragraph {
    font-family: "Minion Pro";
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: left;
    color: #000000;
    margin: 0em;
    p.h2 {
    font-family: "Times New Roman";
    font-weight: bold;
    font-style: normal;
    font-size: 1.67em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: left;
    color: #000000;
    margin: 1em 0em 0.50em 0em;
    p.h3 {
    font-family: "Times New Roman";
    font-weight: bold;
    font-style: normal;
    font-size: 1.50em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: left;
    color: #000000;
    margin: 0.78em 0em 0em 0em;
    p.bullet {
    font-family: "Times New Roman";
    font-weight: normal;
    font-style: normal;
    font-size: 1.50em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0.06em;
    text-align: left;
    color: #000000;
    margin: 0em 0em 0.56em 1.39em;
    p.caption {
    font-family: "Helvetica";
    font-weight: bold;
    font-style: normal;
    font-size: 1.33em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: center;
    color: #000000;
    margin: 0em;
    p.pr-head {
    font-family: "Times New Roman";
    font-weight: normal;
    font-style: normal;
    font-size: 1.50em;
    line-height: 1.20em;
    text-decoration: none;
    font-variant: normal;
    text-indent: 0em;
    text-align: center;
    color: #000000;
    margin: 0em;
    span.bold1 {
    font-family: "Helvetica";
    font-weight: bold;
    font-style: normal;
    font-size: 1.50em;
    span.ital {
    font-family: "Times New Roman";
    font-weight: normal;
    font-style: italic;
    font-size: 1.50em;
    span.no-style-override {
    span.h-link {
    text-decoration: underline;
    color: #0000ff;
    span.no-style-override-1 {

    Try watching this lynda course: Watch the Online Video Course InDesign CS5 to EPUB, Kindle, and iPad
    If you don't have a subscription this link will get you a 10 day trial: lynda.com library | Trial Subscription
    That said, I'd be remiss if I didn't tell you that you're in for a world of torture compared to InDesign CC2014. The advancements in EPUB export are amazing.

  • CSS style not rendering in design view

    I have style="max-width:600px" in a image but it wont show in design view on Dreamweaver CS4

    The parent file MUST be named with .shtml or .shtm as an extension.  It's that extension that tips the server off that the file contains server directives and that it should be parsed to find them (normally, fetched files are not parsed by the server).  Using these filename extensions will not affect the XHTML strict validation of the file (by the way, is there a reason for sticking with XHTML?).
    It is not necessary to have a testing server defined to see proper HTML includes rendered in Design view.  I believe that by renaming your file with the correct extension you will see this include expressed in Design view. It is a little unclear to me whether the correct syntax for a virtual include is to use the root slash or to omit it.  For example, Wikipedia says -
    The file parameter defines the included file as relative to the document path; the virtual parameter defines the included file as relative to the document root.
    Then later it says -
    The file parameter defines the included file as relative to the document path; the virtual parameter defines the included file as relative to the document root.
    There is, in fact, a big difference between these two statements!  From a personal point of view, I don't use HTML includes at all (always use PHP includes which are written differently).  But I think you can use the file include as I have shown safely - that's assuming that the two files are at the same level.

  • LAYER STYLES NOT RENDERING

    hi! :) i'm using after effects cs3 on a quadecore pc, 2gb RAM. my output is in quicktime .mov. layer styles that i've added doesn't come out in my rendered project like drop shadow or stroke. none of my layers are in 3D so i don't know what i may or may not be doing right in my render settings or project switches. help?

    Well, depending on your output module templates and render settings, OpenGL may be enabled by default for some of them. You can easily change that by going in the menu and choosing Edit --> Templates --> Render Settings (the setting is a checkbox called "Render using OpenGL").
    Mylenium

  • Why are my styles not rendering correctly within differing browsers ?

    Hi - I'm building a site with WordPress and for some crazy reason the css styles I apply to the secondary Nav in the footer do not want to render across browsers. BUT they do render *perfectly* inside DW. I have tested in chrome, IE8, Safari and Firefox 4.0. They refuse to pick up the link a:link => #FFF instead they default to the a:link color given inthe primary Nav. The hover color works fine.  I repreat, inside DW everything is fine.
    I have tried making the footer-nav and the primary-nav highly specific to no avail.  My HTML looks fine, however, obviously WordPress generates additional HTML in building the unorder list for the navigation menu.
    I have spent hours on this with no results - ANY ideas are really welcome !   I privide th relavent  HTML and CSS below:  Thanks Vincej
    HTML:
    <div id="footer">
            <div id="footer_nav">
            <?php wp_nav_menu(array ('menu' => 'Footer Nav'));?>
            </div>
    <!--END FOOTER NAV-->
    CSS:
    #footer{
         width:960px;
         height:auto;
         margin: -20px auto 15px auto;
         background-color:#333;
    #footer_nav {
         padding-top: 10px;
         margin-left:80px;
         font-size:1.4em;
         font-family:Tahoma, Geneva, sans-serif;
    #footer_nav li a:link{
         color:#fff;
    #footer_nav li a:hover{
         color:#D72100;
    #menu-footer-nav li{
         list-style-type: none;
         display: inline;
         padding-right: 50px;

    I have just answered the question myself - it has only taken 4 hours !!
    when you are developing with Worpress and testing yor site in a real browser you MUST CLEAR THE CACHE between each visit to the site. DW does not keep cached data, therefore DW looks correct and real browsers look 'wrong'.
    sorry to waste everyone;s time
    the obvious sometiimes defets us !!

  • H:panelGrid width or style attribute not rendering

    Hi
    I am currently experiencing a weird problem. I use a panel grid to align inputs in a form.
    when I try to set the width of the panel grid using the width or style attribute, the HTML equivalent is not rendered when displaying the web page.
    Here is what I try to do:
    <h:panelGrid columns="2" styleClass="patient-problem-form" style="width: 300px;">
    No style attribute is rendered on the table tag...
    Anyone knows what could case this issue?
    I am using
    facelets - 1.1.14
    seam - 2.0.1.CR1
    richfaces - 3.1.3.GA
    just updated glassfish 2-b58c with JSF 1.07 but did not make any difference
    Thanks.

    This will occur if you're using JSF impl newer than 1.2_05, but are using JSF api of 1.2_05 or older. Your classpath may be a mess with duplicated JAR's of different versions. Clean up your classpath. It may be good to know that Glassfish ships with javaee.jar which also contains JSF API. You need to upgrade it as well, you can get a Glassfish updater tool or read the instruactions at Mojarra homepage.

  • Problem with Css styles not showing in live view or when i browse

    I am using Mac osx 10.6 and building website with Dreamweaver CS5.  Sometimes div tags i create not showing styles or rendering in live view or when I browse but  showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
    It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
    Johanna

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Portfolio</title>
    <style type="text/css"></style>
    <link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    </head>
    <body>
    <div id="wrapper">
      <div id="mainnav">
        <div id="navbar">
          <ul>
            <li><a href="index.html"><br />
            </a></li>
    <li>
              <ul>
                <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
              </ul>
            </li>
          </ul>
      </div>
        <div id="contentinside">
          <div id="navbar2">
            <ul>
              <li><a href="design.html">Design</a></li>
              <li><a href="multimedia.html">Multimedia</a></li>
              <li><a href="webdesign.html">Web Design</a></li>
            </ul>
          </div>
          <div id="mm1thumb">Content for  id "mm1thumb" Goes Here</div>
          <div id="mm2thumb">Content for  id "mm2thumb" Goes Here</div>
        </div>
        <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
      <div id="footer">
        <p> </p>
        <p>Johanna Bresnahan</p>
        <p>Web &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></div>
    </body>
    </html> 
    Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
    Johanna

  • Hindi fonts not rendering in html pages

    Hindi fonts not rendering in when html pages are run except the mangal and devnagri font.
    Is that a bug or a problem which i am not able to tackle.
    Mozilla browser shows error in console that (font download failed or The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range.
    downloadable font: download failed (font-family: "Kruti Dev 010" style:normal weight:normal stretch:normal src index:0): status=2147500037
    source: file:///D:/epub/filename/OEBPS/Fonts/k010.otf @ file:///D:/epub/filename/OEBPS/Styles/style.css).
    Please reply soon.
    Thanks.

    Download and install hindi font from [http://hindi-fonts.com Hindi Fonts] .

  • KM, HTML file, Not rendering correctly

    Hi Everyone
    I have an html file that is stored in knowledge management.  The html file references few folders/images that are also stored in KM. When I create a KM Document iView, the HTML file shows; however, the various images/style sheet that is stored along with the html file KM do not appear.  Thus the html file is not rendering properly. 
    With this being said, I can create an URL iview and everything works as it should (the html file appears correctly with the necessary images).  The problem is that I am developing a solution for an external and internal facing portal, thus the URL iView option is not going to work for me.  I need to have a way for this KM html iView to display properly...perhaps with the KM Document iView template.
    Has anyone encountered an issue such as this and can offer assistance.  Again, the KM Document iView template will work, if the html file it is calling in KM can correctly reference other folders in KM that contain various images/style sheets that are a part of the html file.
    Any help is greatly appreciated.
    Best Regards,
    Scott

    Hi Scott.
    In order to solve your problem with relative links to image and css files inside KM I suggest two variants:
    1. Replace relative links as I mentioned in this message Re: JavaScript and CSS info in WPC.
    2.The second solution is:
    a. Create an blank html file inside KM folder where the base.html file is stored.
    b. Download the newly created file for local editing.
    c. Place an iframe that points to your base html file between <BODY></BODY> tags. Use a following code as an example:
    <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="base.html"></iframe>
    d. Upload this file back to KM.
    e. Point your KM Document  iView to the created html file.
    Best regards,
    Aliaksandr Zhukau
    Edited by: Aliaksandr Zhukau on Dec 3, 2009 11:04 AM

  • Basic Layout not rendering correctly.

    ''locking as a duplicate of https://support.mozilla.org/en-US/questions/1035123''
    Hello,
    I've been trying to debug a problem I was noticing on my production websites, so I dumbed it down to a quick codepen to show off the issue. http://codepen.io/anon/pen/GgoBNJ
    Basically, standard fonts (helvetica, arial, etc.) are not rendering correctly within a div. For some reason the text is pushing itself up ~2 pixels. Not to mention, fonts are looking very jagged within the browser for no apparent reason.
    I am setting up a basic div with hardly any styles and yet this produces two different renderings within FF and Chrome
    .box{
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px;
    border: 2px solid #FF5500;
    display: inline-block;
    width: 100px;
    This is causing me all sorts of headaches with designers who are trying to make layouts pixel perfect as I have zero control over something like this. Any help would be greatly appreciated!
    Thanks in advance.

    You may have zoomed the page(s) by accident.
    Reset the page zoom on pages that cause problems.
    *<b>View > Zoom > Reset</b> (Ctrl/Command+0 (zero))
    *http://kb.mozillazine.org/Zoom_text_of_web_pages
    You can right-click on a web page and select "Inspect Element" to open the Inspector (Firefox/Tools > Web Developer).
    You can check the font used for selected text in the Font tab in the right pane of the Inspector.
    *https://developer.mozilla.org/Tools/Page_Inspector
    You can do a font test to see if you can identify corrupted font(s).
    *http://browserspy.dk/fonts-flash.php?detail=1
    You can try different default fonts and temporarily disable website fonts to test the selected default font.
    *Tools > Options > Content : Fonts & Colors > Advanced
    *[ ] "Allow pages to choose their own fonts, instead of my selections above"

  • JSF tags are not rendered in error page

    I have configured error page for HTTP 404 error in web.xml like this
    <error-page>
    <error-code>404</error-code>
    <location>/Common/error.jspx</location>
    </error-page>
    Faces Servlet is configured as follows
    <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    My error page (error.jspx) looks like this
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:trh="http://myfaces.apache.org/trinidad/html"
    xmlns:tr="http://myfaces.apache.org/trinidad" xmlns:c="http://java.sun.com/jsp/jstl/core">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <html>
    <head>
    <title>Error Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    </head>
    <body id="b1">
    <h4 style="color:red">An Error Occured. Please click Back button or Signout.</h4>
    <input type="button" value="Back" onclick="history.back()"/>
    <tr:commandButton id="cb1" text="SIGN OUT" action="exit" actionListener="#{Login.LogOut}"/>
    </body>
    </html>
    </jsp:root>
    When I deploy application and run into 404 error, page displays error message with only Back button. I don't see SingOut button. I have checked url and it follows /faces/* pattern. Still to double check, I made a change and configured servlet mapping in web.xml as
    <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
    <url-pattern>*.jspx</url-pattern>
    </servlet-mapping>
    Still commandButton is not rendered. I understand that my error page don't have access to FacesContext or not going through Faces Servlet. I know this is a small issue, but couldn't figure out what can be done. I have also tried using .xhtml and .jsf as per googled suggestion. But no luck
    I have tried different solutions to my problem and googled for solutions. But I couldn't get it resolved.
    So can you please provide any suggestions...
    Edited by: user1818355 on May 22, 2013 2:29 PM

    I think my faces servlet is configured to handle URLs having /faces/* pattern. I don't have any folder named with faces but I can access all my web pages which have /faces/ in their url. All jspx pages in application are configured in task flows. So I think they have access in FacesContext. But error page is configured in only web.xml and some how it is missing access to FacesContext and not rendering JSF tags. Any help?

  • Page not rendering in IE6

    I just updated my site and I discovered that the page is not rendering in IE6 (and IE5.5, but I suppose no one uses that anymore).
    All I can see is the red background color.
    The link to the site is www.schudden.net.
    Can anybody tell me why the page is not visible in IE6?

    I use a transparant png for the footer.
    I did not use any frames to construct my site, made this from a one column, fixed header and footer template in dreamweaver.
    The previous site was visible in IE 6.
    I actually made a whole new layout, but he content stayed the same.
    When I validate in dreamweaver it gives me two errors in the css file:
    Unsupported property: _position
    Affects: Firefox 1.5, 2.0, 3.0; Internet Explorer 6.0, 7.0, 8.0b1; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0, 3.0
    Unsupported value: 'fixed'
    Affects: Internet Explorer 6.0, 7.0, 8.0b1; Internet Explorer for Macintosh 5.2
    Perhaps this is causing the error, but I don't know how to resolve this.
    There was also an error about the min-height I used. I deleted that option, but it did'n't help.
    This is the source code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Schudden fansite</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="../css/Noorderzon.css" rel="stylesheet" type="text/css" />
    <!--[if gte IE 5.5]>
    <![if lt IE 7]>
    <style type="text/css">
    div#Sticky {
    /* IE5.5+/Win - this is more specific than the IE 5.0 version */
    right: auto; bottom: auto;
    left: expression( ( 0 - Sticky.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - Sticky.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    <![endif]>
    <![endif]-->
    </head>
    <body class="oneColElsCtrHdr">
    <div id="container">
    <div id="header">
    <h1> </h1>
    <!-- end #header --></div>
    <div id="mainContent">
    <div id="nav"><a href="index.html" title="Home">Home</a> | <a href="nieuws.html" title="Nieuws">Nieuws</a> | <a href="../schudden.html" title="Schudden">Schudden</a> | <a href="../speellijst.html" title="Speellijst">Speellijst</a> | <a href="../media.html" title="Media">Media</a> | <a href="../links.html" title="Links">Links</a> | <a href="http://www.tboek.nl/tboek/index.php?name=schudden" title="Gastenboek" target="_blank">Gastenboek</a> | <a href="mailto:[email protected]" title="Contact">Contact</a> | <a href="../nieuwsbrief.html" title="Nieuwsbrief">Nieuwsbrief</a></div>
    <!-- TemplateBeginEditable name="Contenttext" -->Contenttext<!-- TemplateEndEditable --></div>
      <div id="footer">
        <p> </p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    And this is the CSS code:
    @charset "utf-8";
    html, body {
    height: 100%;
    body {
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #800000;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 100%;
    body,td,th {
    font-size: 9pt;
    color: #333;
    text-align: center;
    /* Tips for Elastic layouts
    1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
    2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
    3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
    #container  {
    text-align: center; /* this overrides the text-align: center on the body element. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #800000;
    top: 0px;
    bottom: 0px;
    padding: 0px;
    width: 100%;
    #header  {
    width: 960px;
    padding-top: 0;
    padding-bottom: 0;
    height: 160px;
    margin-right: auto;
    margin-left: auto;
    background-color: #DDDDDD;
    background-image: url(../images/header.jpg);
    #header h1  {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    #mainContent  {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-image: url(../images/mainbg.jpg);
    line-height: 15pt;
    .titlelink {
    font-size: 16px;
    font-weight: 500;
    font-variant: small-caps;
    color: #800000;
    .alignleft {
    text-align: left;
    #nav {
    text-align:center;
    margin-top:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#000;
    font-weight:700;
    padding-top:9px;
    padding-bottom:10px;
    text-decoration:none;
    background-image: url(../images/mainbg.jpg);
    background-repeat: repeat;
    width: 960px;
    #nav a {
    background:#fff;
    color:#000;
    text-decoration:none;
    #nav a:active {
    background:#fff;
    #nav a:hover {
    background:#fff;
    color:#000;
    font-size:10pt;
    padding-bottom:2px;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #800000;
    a:link {
    color: #000;
    a:hover {
    color: #000;
    a:active {
    color: #369;
    a:visited {
    font-style: normal;
    color: #369;
    #footer  {
    color:#FFF;
    border: 0px solid orange;
    position:fixed;
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    _position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background-image: url(../images/bottom.png);
    height: 100px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    .subtext {
    font-size: 8pt;
    color: #800000;
    .tableheader {
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
    text-transform: uppercase;
    background-image: url(../images/tableheader.jpg);
    padding-left: 10px;
    table tr .tableheader {
    text-align: left;
    padding-left: 10px;
    .tablecontent {
    padding-left: 10px;
    text-align: left;
    .center {
    text-align: center;
    .justify {
    text-align: justify;
    .linkheader {
    background-image: url(../images/linkheader3.jpg);
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    #subnav {
    text-align:center;
    margin-top:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#000;
    font-weight:700;
    padding-top:9px;
    padding-bottom:10px;
    text-decoration:none;
    background-image: url(../images/mainbg.jpg);
    background-repeat: repeat;
    width: 960px;
    I hope this helps
    @pziecina : the validation errors are weird, because I have a doctype in my documents.
    Could this be caused by the fact that I have domainname linked to an external site (I use the free space I got from my provider, and the domainname link is forwarded to this space). Because, when I validate the original index.html file (http://members.home.nl/justme4u/index.html) it only gives me two errors.

  • Adf application not rendered correctly with url ip and url localhost.

    Hi all.
    I have a strange problem. When I enter to my adf application deployed in a local stand alone weblogic server with the ip:
    http://localhost:7001/Application/faces/index
    it renders fine. But when I load it with the url:
    http://10.5.14.15:7001/Application/faces/index (private ip), it doesn´t render fine. Tables haven´t the same style, and some elements appear selected like if I have selected them with the mouse.
    This problem only happens with internet explorer, not with Chrome.
    Also when I see a table inside a region in a jspx, the with of the header of the columns is not rendered correctly, causing the width of the header row not be the same than the other rows.
    This problem also happens only with internet explorer.
    Any help please?
    Internet Explorer 8. JDeveloper 11g.2. Weblogic 10.3.5.0
    Also happens with Internet Explorer.
    Maybe encoding? doctype?
    Thanks

    What would the DOCTYPE have to do with the IP address?
    Have you looked at the HTML source in the different browsers and tried to debug what's wrong? Sounds like there may be some images/css files that aren't being downloaded in IE when you use that IP address. Are you sure IE isn't configured with a proxy?
    John

  • Component not rendering in Stand Alone Skin editor

    I downloaded the stand alone skin editor and I wanted to play around with it.
    But I notice that my controls are not rendering.
    Kindly see sample image that I am getting. Image
    Not sure why, but I cant seem to see my changes even If I change it in my property inspector.
    Any hints?

    Hi,
    did you check the CSS source of the file to see if invalid styles are added. The visual editor is broken in the image, so there must be something causing it. Ifthe CSS was empty, would the editor render properly ?
    Frank

Maybe you are looking for

  • Extended idoc codding

    hai friends now  iam doing extended idoc in that iam extending matmas 03 idoc . in that iam added some new segments up to this evry thing working write . the problem is now i want to wrte the user exit for this extended segments where can i write thi

  • Recalculation of Depreciation for the previous periods

    Hi All, I am new to this forum, I have one query regarding the recalculation of depreciation. Client wants to increase the life of the asset and depreciation change should be effected from 01/07/2010 (FY start). Depreciation has already posted from J

  • Custom OBIEE pdf report

    Hi, I'm using a URL to extract certain report in PDF format: http://myobieeserver/analytics/ saw.dll?Dashboard &PortalPath=/path/to/obiee/reports &Page=tab_name &Action=navigate &Format=pdf Problem is the report dont look like what I want (and they d

  • How to make copies of existing DVD's

    I have a iMac 21.5 with OS 10.6.8. Many people send me DVD's that have been created on their PC's. These files ARE NOT COPYRIGHT and are mainly old record files of events. Some are copies of home movies that have been created from VHS to 2 hour DVD's

  • Step 4 installing database in oracle linux

    which option must i chose single instance or real application cluster