CSS Not Rendering

While viewing my site in DW8, I can see my CSS styles at
work, such as padding around the content areas. However, when I
view in IE6, the styles are not shown:
Dreamweaver
View
Browser View
What could I be doing wrong?
Thanks in advance for any feedback.

What? Do you mean XHTML? There is no proscription in XHTML
about tables.
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
==================
"Jencs" <[email protected]> wrote in message
news:e21hcf$h2g$[email protected]..
> First off, you are using a tabled layout which is
contradictory to xml.
> One of
> the points of xml is to design w/out tables. The reason
why you are not
> seeing your styles is because of that. You have not
applied them to the
> table,
> the td tags or the tr tags. I would highly suggest,
removing the table,
> use
> div to position your columns and then the styles will
work. If you insist
> on
> keeping the table (IMHO bad design) you will have to
link the style
> effects you
> want to the table tags themselves.
> Jennifer
>

Similar Messages

  • CSS not rendering at all

    Hi everyone,
    When explicitly calling my page I can access and see my jsf page with full CSS rendered,
    Where as in portlet in webcenter spaces the CSS is not at all rendering.
    Please tell me how to render CSS in spaces ?
    With Regards,
    KSD

    Hi,
    The Details are as below :
    Version Details_
    Oracle JDeveloper 11g Release 1 11.1.1.2.0,
    Studio Edition Version 11.1.1.2.0,
    Build JDEVADF_11.1.1.2.0_GENERIC_091029.2229.5536
    Copyright © 1997, 2009 Oracle and/or its affiliates. All rights reserved.
    IDE Version: 11.1.1.2.36.55.36,
    Product ID: oracle.jdeveloper
    Product Version: 11.1.1.2.36.55.36
    WebCenter Spaces : Version 11.1.1.2.0 (Build 11.1.1.2.0100510.1800)
    Component     Version
    =========     =======
    ADF Business Components     11.1.1.55.36
    Java(TM) Platform     1.6.0_18
    Oracle IDE     11.1.1.2.36.55.36
    Versioning Support     11.1.1.2.36.55.36
    ScreenShots* :
    Spaces Portal : http://img825.imageshack.us/i/screenshot1lu.jpg/
    JSF Page : http://img215.imageshack.us/i/screenshot1fv.png/
    I don't have trinidad-skins.xml but I have trinidad-config.xml and its Contents are* :
    <?xml version="1.0" encoding="UTF-8"?>
    <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
    <skin-family>fusion</skin-family>
    </trinidad-config>
    I have given above all the version details, screenshots and xml content also.
    Please provide me your suggestions.
    Thanks & Regards
    KSD

  • Looks fine in live view but most css not rendering in ff or ie.

    As above. I know some css is working because of the background colour and text that is only applied from the css, but the positioning elements are all out of whack. I'm viewing it through the browser previewer in DW as the website isn't up yet. Thanks in advance.

    Most likely a path problem.  The answers to almost all questions in this forum are contained in your code.  If we can't see your page on line, we can't help you much. 
    #1 Did you define a local site folder in DW before you began this project? 
              Site > Manage Sites > New...
    Without this step, DW can't manage assets for you.
    #2  Ensure the path to all your external style sheets and scripts are correctly pointing to your site and not a file:///... on your local hard drive.
    #3 Validate your code and fix reported errors.  Code errors cause 98% of browser rendering problems.    
              Code Validation Tools
              CSS - http://jigsaw.w3.org/css-validator/
              HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • CSS not rendering in preview

    I am creating a website that uses a stylesheet for viewing on
    the web and one for print.
    For web viewing the link tag is
    link
    rel=stylesheet href=styleweb.css media=screen.
    For print the link tag is
    link
    rel=stylesheet href=styleweb.css media=screen.
    Both are included in the code for each page, and they work in
    IE and Firefox.
    However, when viewing in Design View, the page breaks - none
    of the styles appear.
    Is there a way to remedy this, or is this a Dreamweaver
    limitation?

    tsqware21 wrote:
    > However, when viewing in Design View, the page breaks -
    none of the styles
    > appear.
    > Is there a way to remedy this, or is this a Dreamweaver
    limitation?
    It sounds as though you have accidentally turned off the
    display of
    styles. Go to the View menu, and select Style Rendering. Make
    sure there
    is a check mark alongside Screen Media Type and Display
    Styles. Clicking
    them toggles them on and off.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Css not rendering correctly

    I am getting a discrepancy on one class in firefox vs. IE.
    Any suggestions are welcome!
    I would like the "fetch" div to have the text box and arrow
    aligned evenly, then a padding on the bottom of 5 pixels. In both
    browsers it is showing the submit button higher than the text
    field; and the bottom padding is more in IE.
    Here's an example:
    example of css I
    can't figure out

    First of all, for many reasons, it is a good idea to add a
    <!Doctype>
    declaration on your HTML...
    Second, it is a good idea to utilize [CSS] "descendant
    selectors".
    That way you don't end up defining and using so many
    [unnecessary]
    classes, divs etc...
    Second, an "ID" can only occur once per HTML page, classes
    many times...
    Just on a first glance there are a whole bunch of id="Link"
    in your
    HTML. In this case it would make sense to use a class... or
    see if you
    actually need to define one, again by using descendant
    selectors...
    Because however you styled #link you seem to simply be able
    to
    consolidate it into:
    #RolloverLinks a {...}
    and get rid of all the <div id="link">
    To your question:
    Here is your HTML:
    <div class="fetch">
    <FORM id=lLogonForm name=lLogonForm action=UserLogin
    method=post>
    <input name="fetch" type="text" class="txtbox" id="fetch"
    value="FETCH" size="15">
    <input name="imageField" type="image" class="submitfetch"
    src="images/btn1.gif">
    </form>
    </div>
    I don't think that it is correct to apply a class AND an ID
    to the same
    element...
    I think once you get rid of the ID in the <input
    type="text"> and apply
    .fetch input {margin:0; padding-bottom:5px}
    it should work....
    Anurag
    PS: It appears that Fireworks created this HTML... it is
    quite
    something... and not pretty to look at ;)

  • Help with Sub-catalog CSS not rendering properly

    I am having a issue with  deep Sub-catalogs not displaying an external style sheet, possibly being overwritten by modulestylesheet?
    Sorry if it looks a little sloppy, the site is still a work in progress...
    If you look here at this main catalog : http://www.4plotters.com/shop/   --------- >the css is being applied properly,
    the next level down here : http://www.4plotters.com/shop/Toner-Ink  --------------> css also applied properly.
    but... when you go one more level deep   here : http://www.4plotters.com/shop/Toner-Ink/ink-wide-format  -----> css is not being applied from my external css (much of its functionality is to overwrite the modulestyle sheet) Notice the link colors change to blue, and the catalog images and headers don't match the catalogs before it.
    I have some other external twitter bootstrap css files that are still being applied, so I am a little confused. I am fairly new to css and html (and self taught) so I might be just missing some fundamental precedence rules.
    Thanks in advance!
    *Edit* When I change the parent catalog to the top level "Shop" catalog, the css is once again applied properly. It is something about being 2 or 3 levels deep that breaks the css link.

    Hi,
    Go into your template and remove the ".." prior to the CSS reference to help correct this issue. 
    Before:
    After:
    Hope this helps!
    -Sidney

  • Firefox OS is not displaying correctly. it appears that the CSS and JS are not rendering! Any help would be most appreciated!

    I would have preferred to show anyone a screenshot of the web pages, but there is not an attach file on this forum. Anyway, with only Firefox OS , not my other browsers, the web pages are not rendering correctly. For example on Facebook there is no header or footer. JS is active in the browser and as I said Chrome and Safari are NOT having any problems. I am surmising that the CSS and JS files are somehow not being displayed. I may be very wrong, but I would gratefully accept any help someone has to offer. Thank you and have a great day!
    Theresa

    Hi Lufte,
    I'm sorry to hear you are having issues with the rendering of some pages on your Firefox OS device.
    Please create a new question in the thread so that we can track your issue separately:
    * [https://support.mozilla.org/en-US/questions/new Ask a new question]
    Please also provide the device model and version that you're currently using, and whether this issue started recently. Please let us know if you also notice any issue with the time and date displayed in your device.
    Thanks,
    - Ralph

  • Tables not rendering correctly in Firefox

    I recently switched from Dreamweaver 8 to CS4. I also
    recently updated my Firefox to 3.06. I have had this website for
    years, and it just started not rendering tables correctly in
    Firefox. This is happening on multiple pages It works fine in IE.
    http://www.wiw.uscourts.gov/bankruptcy/
    Let me say up front, I know the page is antiquated (created
    in Front Page) It uses tables for the layout instead of CSS. I hope
    to be updating it soon, but for now I need a fix to get the pages
    to work correctly.
    Any help would be greatly appreciated!
    Thanks,
    Becky

    Hello,
    In the USBC CSS , delete this:
    TD {
    font-family : Arial, sans-serif;
    float: right;
    Take care,
    Tim
    "bhanson" <[email protected]> wrote in
    message
    news:gp3ups$l6j$[email protected]..
    >I recently switched from Dreamweaver 8 to CS4. I also
    recently updated my
    > Firefox to 3.06. I have had this website for years, and
    it just started
    > not
    > rendering tables correctly in Firefox. This is happening
    on multiple pages
    > It
    > works fine in IE.
    http://www.wiw.uscourts.gov/bankruptcy/
    >
    > Let me say up front, I know the page is antiquated
    (created in Front Page)
    > It
    > uses tables for the layout instead of CSS. I hope to be
    updating it soon,
    > but
    > for now I need a fix to get the pages to work correctly.
    >
    > Any help would be greatly appreciated!
    >
    > Thanks,
    > Becky
    >
    >

  • 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] .

  • Firefox Ver. 34.0.5 fails to render Youtube website. CSS not working. Ideas?

    Youtube.com website not rendering (CSS requests are not working), and videos not accessable. This is not related to any plugin issues, such as Flash, etc. The youtube.com main page renders like an experimental HTML document, with no style-sheet info. I've attached screen images to show what it looks like.
    I found one other similiar situation, in Arch-Linux, where the problem turned out to be a DNS configuration issue. I have tried many DNS configurations, and confirm I can get to every other website, and they seem to render ok. I can even watch videos on other websites, if I enable the Flash plugin. I have removed and re-installed Firefox at least three times, as I have it working correctly on several other machines (LInux and Windows ). The problem machine runs Windows XP, SP3, and is an older HP box. Note that all other websites seem to render correctly, and videos are watchable. It appears to be related to i.ytimg.com CSS (cascading style sheet) access just not working, but only for Youtube. Any ideas? Three detailed screen captures are provided below. I tried removing the firewall restrictions, made no difference. I also did a detailed scan for virus issues and malware, but no evidence of any found. I'm stymied. Any suggestions appreciated.
    One issue might be the recent TOR browser bundle, which I have installed on the machine. It works fine, and renders Youtube.com, but videos are slow. TOR documentation and technical reports assert that TOR-browser does not interact
    with existing browsers (it is Firefox 31.xx, I think.) TOR does establish proxy settings, and I have confirmed the Ver. 34 non-TOR Firefox is configured to not use any proxy setting.
    I am running out of ideas here. This behaviour is strange. Any suggestions how I can detail debug Firefox in operation as it does this broken rendering? The error even affects earlier versions of Firefox.

    *** SOLVED *** !!!
    Got it!
    I have spent *days* on this, because it just bugged me so much!
    FOund it by searching and reading all the Mozilla FIrefox support forums.
    Problem was an old hard-coded fix that I put into my HOSTS file, on my Windows XP, SP3 machine. Specifically, I had experienced hang issues with a site called "i.ytimg.com", which I believe is the static cache for Google/Youtube stuff. I tracked this error down to failures of security certificates, but confirmed my security cert store was isometric between my machine cluster (they were all the damn same!)
    So, I had put two lines in the HOSTS file, to hard-code an IP address so that Google-youtube pages would not hang up waiting for "i.ytimg.com"
    Well, of course, Google/Youtube is now using different locations, or akami servers or some damn thing...
    The fix just involved removing these two hard-coded lines from my HOSTS file. I just commented the old fix out, and now everything works.
    <pre>
    # --- two lines added to fix i.ytimg.com hang problem
    # 74.125.162.39 static.cache.l.google.com s.ytimg.com
    # 74.125.162.39 static.cache.l.google.com i.ytimg.com
    </pre>
    (The # symbol is used to make a comment in hosts file... )
    On Windows XP, XP3, the "hosts" file is typically located in:
    C:\WINDOWS\system32\drivers\etc\hosts
    If you are having goofy problems with some youtube/google webpages
    not rendering, or generating SSL (bad_certificate) errors, check your
    "hosts" file, and ensure no ip redirection has been slotted in there
    from a while back.
    Hope this helps others...
    - Mark Langdon, GEMESYS Ltd.

  • 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

  • Excel attachment not rendering correctly in Mail but fine on iPod touch

    Some attachments (most notably Excel files) that I've been receiving lately (last month or so) have not showed up correctly as attachments in Mail (currently using v. 4.4). In the list view it shows the paperclip icon but when I click on the message the preview pane shows what I assume is mime code or something. If I check the same message on my iPod touch, the attachment shows up at the bottom of the message as an attached file icon (correctly identified as an Excel spreadsheet). Suggestions?

    Hello,
    In the USBC CSS , delete this:
    TD {
    font-family : Arial, sans-serif;
    float: right;
    Take care,
    Tim
    "bhanson" <[email protected]> wrote in
    message
    news:gp3ups$l6j$[email protected]..
    >I recently switched from Dreamweaver 8 to CS4. I also
    recently updated my
    > Firefox to 3.06. I have had this website for years, and
    it just started
    > not
    > rendering tables correctly in Firefox. This is happening
    on multiple pages
    > It
    > works fine in IE.
    http://www.wiw.uscourts.gov/bankruptcy/
    >
    > Let me say up front, I know the page is antiquated
    (created in Front Page)
    > It
    > uses tables for the layout instead of CSS. I hope to be
    updating it soon,
    > but
    > for now I need a fix to get the pages to work correctly.
    >
    > Any help would be greatly appreciated!
    >
    > Thanks,
    > Becky
    >
    >

  • Rollover text not rendering correctly in Safari 7.x

    Safari 7.x and my blog (NotNecessarilyPretty.com) are not getting along.
    Specifically, the rollover text in the post titles (see attached or visit site) is not rendering correctly. The right edge of the text does not change to the correct color. Have been in contact with Apple as well as the theme's developer, but have yet to be offered of a fix. 
    This blog displays correctly when accessed via Chrome or Firefox, and prior to Mavericks, Safari evidenced no problem.
    Thoughts on how to correct this?
    Thanks!

    The original screenshot didn't show here, so for anyone else reading, who may well know much more about CSS & Safari than I :
    changes to this - note the right edge
    But with word-spacing un-checked in Inspector...

  • Colours not rendering correctly in terminal

    Hi,
    I have just installed Arch on my laptop, and I am getting everything setup. When I run alsamixer something goes wrong, the screenshot below speaks a thousand words.
    When I use the arrow keys to change widget focus the previous widget tends to disappear all together. When I exit alsamixer the terminal is useless, typically no text is shown. The terminal does accept input however.
    The problem is reproducable in both XFCE4 Terminal and xterm. My .bashrc looks like
    alias ls='ls --color=auto --group-directories-first'
    alias grep='grep --color'
    alias ll='ls -lh'
    export PAGER='/bin/less'
    export EDITOR='/usr/bin/vim'
    export PATH=~/bin:/sbin:/usr/sbin:$PATH
    export PS1='\[\e[32m\]\h \[\e[0m\]\$ '
    export MPD_HOST=127.0.0.1 MPD_PORT=6600
    complete -cf sudo man which
    Another thing to note is that the problem affects all open terminals, not just the one alsamixer was run on. Also, once in a rare while 'grep --color' can produce the same effect.
    Phil

    Hello,
    In the USBC CSS , delete this:
    TD {
    font-family : Arial, sans-serif;
    float: right;
    Take care,
    Tim
    "bhanson" <[email protected]> wrote in
    message
    news:gp3ups$l6j$[email protected]..
    >I recently switched from Dreamweaver 8 to CS4. I also
    recently updated my
    > Firefox to 3.06. I have had this website for years, and
    it just started
    > not
    > rendering tables correctly in Firefox. This is happening
    on multiple pages
    > It
    > works fine in IE.
    http://www.wiw.uscourts.gov/bankruptcy/
    >
    > Let me say up front, I know the page is antiquated
    (created in Front Page)
    > It
    > uses tables for the layout instead of CSS. I hope to be
    updating it soon,
    > but
    > for now I need a fix to get the pages to work correctly.
    >
    > Any help would be greatly appreciated!
    >
    > Thanks,
    > Becky
    >
    >

  • 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.

Maybe you are looking for

  • Mac Pro - Can U Target?

    Hi, I just got a brand spanking new Mac Pro to use for editing Final Cut Pro. Upgraded Leopard to the latest, etc. Then began installing Final Cut Pro - and believe it or not, the DVD drive - I think - failed after the 5th install disk. The drive won

  • Web service with attachment

    Hi, Could anyone tell me hos to call a web service with the message Payload as an SOAP attachment? I´m calling from WAS 6.20 -> XI -> WS using a client proxy, but i can´t understand how the Payload becomes an attahcment? Jakob

  • Group emails not forwarded to members

    Since upgrading to Yosemite and Server 4 I am no longer receiving any emails sent to my groups, which have emails configured. The following are screenshots of the configuration (I believe it is configured correctly, as it was updated from Server 3):

  • Trying to change the color of the title?

    Through the Titles feature, I've created a title. It has come out white. Now I want to change the color. I went to Help and it says to "Select the title in the Project Browser, and then click Show Fonts in the viewer. The iMovie Font Panel opens." I

  • Preview pictures resolution breaks down while using PSE 13 photomerge for focus stacking

    Hello, I'm new to this forum as well to Photoshop elements but I hope, someone can help me with the problem I encountered ;-) For the technical background I've got PSE 13 installed on a Win 8.1 Laptop (Core I5, 8 GB RAM). Camera is a Canon EOS 60D wi