IE6 not displaying css style

Hi all,
I have a weird problem. I have created a simple css style for
a page header. On the top of the white area to the right of the
page it the words "Health and Beauty" should have white text with a
purple background. For some reason the background color is not
showing up in IE 6. It shows up in every other browser on both the
windows and mac platforms. Any ideas? The page is question is
www.greenforlife.net/healthandbeauty.html. The css is as follows:
body {
background: #465e34;
color: #FFFFFF;
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
#topnav ol {
display: inline;
#signup a:hover {
display: inline;
margin: 0px;
padding: 0px;
#footer {
position: relative;
width: 850px;
bottom: 0px;
float: left;
margin: 30px;
text-align: center;
#footer a {
text-decoration: none;
color: #FFFFFF;
#wrapper {
width: 850px;
margin-right: auto;
margin-left: auto;
height: 930px;
background: #608246 url(images/reuse.jpg) no-repeat left
top;
#masthead {
width: 320px;
position: relative;
left: 0px;
top: 0px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
float: left;
height: 91px;
background: #465E34;
padding-top: 5px;
#mastheadtagline {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
float: left;
width: 530px;
position: relative;
top: 0px;
padding-top: 74px;
background: #465e34;
vertical-align: bottom;
padding-bottom: 5px;
#topnav li {
list-style: none;
display: inline;
margin-right: 3px;
border-right: thin solid #FFFFFF;
padding-right: 6px;
font-size: 13px;
.topnavrightli {
border-right: thin solid #8E66A9;
#leftnav {
float: left;
width: 175px;
position: relative;
top: 100.px;
color: #c2e2a9;
left: 0px;
line-height: 1.75em;
background: #465E34;
height: 550px;
top: 100px;
#newslettertext {
font-style: italic;
line-height: normal;
color: #FFFFFF;
#content {
float: left;
width: 650px;
position: relative;
top: 30px;
left: 25px;
background: #FFFFFF;
border: thin solid #465E34;
height: 650px;
color: #465E34;
font-size: 12px;
#flashholder {
position: relative;
width: 650px;
top: 0px;
height: 153px;
#abouttext {
position: relative;
width: 630px;
top: 0px;
padding-top: 5px;
color: #465E34;
margin-left: 5px;
margin-right: 0px;
font-size: 12px;
padding-left: 5px;
.sectionheader {
font-size: 16px;
font-style: italic;
background: #B7EBA1;
display: block;
border: thin solid #406432;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
.highlight {
font-size: 16px;
font-style: italic;
color: #3E0947;
display: block;
padding-top: 7px;
#abouttext img {
float: left;
padding-right: 10px;
padding-left: 20px;
#abouttext li {
list-style: url(images/bulletimage.gif);
#abouttextheader {
width: 550px;
position: relative;
top: 0px;
padding-left: 10px;
#signup {
width: 175px;
top: 0px;
position: relative;
display: inline;
text-align: left;
#gemoftheweek {
float: right;
width: 310px;
position: relative;
border: thin solid #465E34;
margin: -55px 0px 0px -1px;
padding: 0px;
top: 0px;
right: 0px;
height: 175px;
#promotestext {
float: left;
width: 300px;
clear: right;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
#reuse {
margin-left: 30px;
margin-top: 20px;
margin-right: 20px;
#gemheader {
font-size: 14px;
font-style: italic;
color: #FFFFFF;
background: #465E34;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
margin: 0px;
#contenttable {
position: relative;
width: 650px;
top: 0px;
.tableheader {
background: #C3E2A9;
border: medium solid #465E34;
.tableimg {
padding-left: 25px;
#challengebox {
border: thin solid #465E34;
#gemoftheweekcontent {
position: relative;
width: 310px;
top: 0px;
height: 145px;
#gemtext {
font-size: 15px;
font-style: italic;
padding-top: 0px;
text-align: center;
display: block;
float: right;
margin-top: 40px;
width: 130px;
margin-left: 5px;
#logo {
background: #618247;
text-align: center;
float: left;
width: 151px;
height: 70px;
margin-bottom: 10px;
}#gemimage {
float: none;
width: 151px;
position: relative;
top: 5px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
#logodivider {
background: #465E34;
width: 175px;
height: 20px;
#topnav a:link {
color: #FFFFFF;
text-decoration: none;
#leftnav li {
list-style: none;
margin-left: -25px;
#leftnav a:link {
text-decoration: none;
color: #C2E2A9;
display: block;
#leftnav a:hover {
color: #FFFFFF;
text-decoration: none;
background: #618247;
display: block;
#leftnav a:visited {
color: #C2E2A9;
text-decoration: none;
#topnav a:visited {
color: #FFFFFF;
text-decoration: none;
#topnav a:hover {
color: c4eca5;
text-decoration: none;
#topnav {
float: left;
width: 800px;
position: relative;
top: 10px;
background: url(images/purplenavbg.gif) no-repeat;
left: 25px;
text-align: center;
font-size: 13px;
height: 25px;
padding-top: 4px;
#test {
position: relative;
width: 200px;
top: 0px;
left: 50px;
.pageheader {
color: #FFFFFF;
background: #8E66A9;
font-size: 24px;
font-style: italic;
font-weight: bold;
border-top: 1px solid #41054A;
border-bottom: 1px solid #41054A;
display: block;
h1 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
.articleblock {
border-right: 1px solid #465E34;
border-left: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
vertical-align: top;
.articleblockright {
border-right: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
h2 {
font-weight: bold;
font-size: 12px;
Thanks,
John

What happens if you remove the italic style from the font....
it could be
this:
http://www.positioniseverything.net/explorer/italicbug-ie.html
Nadia
Adobe® Community Expert : Dreamweaver
Skype: nadiaperre
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"John Ciccolini" <[email protected]> wrote
in message
news:ehp18m$21b$[email protected]..
> Hi all,
> I have a weird problem. I have created a simple css
style for a page
> header.
> On the top of the white area to the right of the page it
the words "Health
> and
> Beauty" should have white text with a purple background.
For some reason
> the
> background color is not showing up in IE 6. It shows up
in every other
> browser
> on both the windows and mac platforms. Any ideas? The
page is question
> is
> www.greenforlife.net/healthandbeauty.html. The css is as
follows:

Similar Messages

Contribute CS3 not showing css styles

I have 3 almost identical sites I am using Contribute to
allow users to
add content. All internal so I can' show URL's.
The mystery began when I added the third site. On the other
two when
someone edits a page all the css styles show in the Style
drop down panel.
Not so on the third site. I created the other sites a while
back using
Contribute 3. The new one using CS3.
I have checked over and over the role settings for each site
to make
sure I don't have something unchecked or somehow have a
different
setting between the three.
No matter what settings I use in the Styles and Fonts panel,
the Styles
dropdown shows non of the styles included in the linked css
file.
Alex

Is the style sheet also present in the document (f.i. by
linking it in the head section: <link href="css/stylesheet.css"
rel="stylesheet" type="text/css" media="screen" />)? The styles
you want to be displayed in contribute always have to be linked to
the document.

Safari 5.0.3 not loading CSS style sheets 1st time through

When I go to my ecommerce site's https payment screen, the page HTML loads OK but the formatting is missing (so the screen is really messed up). If I hit the page re-load function the page re-loads with all the formatting corrected. It behaves the same with both the Mac and Widows versions of Safari 5.0.3. The problem did not occur on earlier versions of Safari (i.e., the Mac I use for testing the site worked perfectly on the now problematic page until I upgraded to the latest version of Safari).
The problematic page works fine with all the other browsers that I have tried (IE7, IE8, Firefox, Chrome)
My guess is that it has something to do with some @import url("css style sheet") directives that are imbedded at the beginning of the master style sheet for the page.
This problem will stop all Safari 5.0.3 users from navigating our site so it is quite serious.
Any help on this issues would be greatly appreciated.

Further investigation has revealed that the following error message is being generated within Safari during the first time the that the page is loading,
"Refused to load from document base URL. URL found within request."
The <base> directive in the HTML, in this instance, is referring to a different URL than the one that the page is running from. The page with the problem is running on a remote server and back referencing to the home server for the <base> reference. This fails when the page first loads but seems to be accepted if a page-reload is done. It also works on all other browsers that have been tested.
Is this related to a security setting in the browser?

Internet Exporer 6.0 IE6 not displaying images

I understand that this is not a Dreamweaver problem, but I'm
hoping that someone can help.
I have a very basic site built for a client.
All that is on the index page is a Banner graphic and a
single photo. Both are Jpeg format.
Running in IE7 and Firefox everything is fine.
But users that are using IE6 are experiencing that the images
are not displaying at all, just a placeholder with the red x on the
top left.
Other sites are fine displaying graphics on these machines. I
have not experienced this issue before, so any recommendations or
feedback would be grateful. There are no issues with active X or
Firewalls as far as I can see on these machines.
cheers

Can you give us a URL?
macnimation2 wrote:
> I understand that this is not a Dreamweaver problem, but
I'm hoping that
> someone can help.
>
> I have a very basic site built for a client.
>
> All that is on the index page is a Banner graphic and a
single photo. Both are
> Jpeg format.
>
> Running in IE7 and Firefox everything is fine.
>
> But users that are using IE6 are experiencing that the
images are not
> displaying at all, just a placeholder with the red x on
the top left.
>
> Other sites are fine displaying graphics on these
machines. I have not
> experienced this issue before, so any recommendations or
feedback would be
> grateful. There are no issues with active X or Firewalls
as far as I can see on
> these machines.
>
> cheers
>

Site recently hacked, now FF won't display css style - other browsers will

So my site beaq.org.au was recently hacked - a phishing attack. A .php file was uploaded to the css directory it seems. My host promptly removed the css directory, and I replaced it with a backed up css directory. Problem solved! (or so I would have hoped)...
This did solve the problem in all browsers I have tested in - except Firefox. The site looks as it should in safari, IE, chrome etc. CSS style is used, but FF won't use it. I believe this is a result of the site being reported as an attack site...for example, if I choose preferences > security and then uncheck "Block reported web forgeries", then reload the page - it loads as it should.
I have requested removal from the forgery list here: http://www.google.com/safebrowsing/report_error/?tpl=mozilla
And the site is not listed as containing malware in Google Webmaster tools. So nothing to do there.
Is it simply a matter of waiting till firefox recognises the site as not being a web forgery or containing malware? Is there something else that can be done to resolve problem? Or is there something that could be done to expedite the removal from FF's list of phishing / attack sites?
It's been over a week already and still waiting. Not a good look having a website that is completely messed up. Thanks for your help in advance!

I hadn't checked that link, but I can confirm that the CSS file isn't loaded because of a block via the phishing protection.<br />
Google Chrome doesn't even open the main page and immediately shows the phishing warning page.
<blockquote>Warning: Suspected phishing site!<br />
The website at www.beaq.org.au has been reported as a “phishing” site. Phishing sites trick users into disclosing personal or financial information, often by pretending to represent trusted institutions, such as banks.</blockquote>

DW design view not displaying CSS correctly

Hello,
I am having a problem using the position:relative CSS. I've
created a simple page that has 3 div tags. Below is the code:
<body>
<div id="headerleft"><img src="/images/header.gif"
width="303" height="120" /></div>
<div id="headerright">Right Side</div>
<div id="toplinks">
<a href="www.google.com">Link 1</a> |
<a href="www.google.com">Link 2</a> |
<a href="www.google.com">Link 3</a> |
</div>
</body>
Below is my CSS code:
#headerleft {
position: relative;
z-index:2;
margin-bottom:-40px;
float:left;
#headerright {
float:right;
#toplinks {
position: relative;
z-index:3;
text-align:center;
clear:both;
What this page does is shows a image in the top left corner.
In the top right the phrase "Right Side". Then my third div
'toplinks' displays a bunch of links. Since my headerleft id has
margin-bottom:-40px, I need to use z-index and position:relative so
that my links are shown above the headerleft id.
I publish the page and view it in IE and everything works
fine. However, in Design View in DW my toplinks div is displayed
right under the rightheader id. For some reason it's not being
displayed under the left and right floats(headerleft and
headerright id's). Not sure why because I have 'clear:both' set for
that div's CSS.
I take the position:relative out of the toplinks id, and
everything looks fine in DW. My toplinks id then drops under the
both headerleft and headerright. However, when I view this is IE
then the links on the left are no longer active. I guess because
z-index needs position:relative to work?
Anybody have any suggestions?
Thanks

I'm not sure what you are trying to accomplish, but try this
much simpler
and less convoluted code -
<style type="text/css">

</style>
</head>
<body>
<div id="headerleft">
<div id="toplinks"> <a
href="www.google.com">Link 1</a> | <a
href="www.google.com">Link
2</a> | <a href="www.google.com">Link
3</a> | </div>
<div id="headerright">Right Side</div>
<img src="/images/header.gif" width="303" height="120"
/> </div>
</body>
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
==================
"esuweb" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
> I am having a problem using the position:relative CSS.
I've created a
> simple
> page that has 3 div tags. Below is the code:
>
> <body>
> <div id="headerleft"><img
src="/images/header.gif" width="303"
> height="120"
> /></div>
> <div id="headerright">Right Side</div>
> <div id="toplinks">
> <a href="www.google.com">Link 1</a> |
> <a href="www.google.com">Link 2</a> |
> <a href="www.google.com">Link 3</a> |
> </div>
> </body>
>
> Below is my CSS code:
>
> #headerleft {
> position: relative;
> z-index:2;
> margin-bottom:-40px;
> float:left;
> }
>
> #headerright {
> float:right;
> }
>
> #toplinks {
> position: relative;
> z-index:3;
> text-align:center;
> clear:both;
> }
>
> What this page does is shows a image in the top left
corner. In the top
> right
> the phrase "Right Side". Then my third div 'toplinks'
displays a bunch of
> links. Since my headerleft id has margin-bottom:-40px, I
need to use
> z-index
> and position:relative so that my links are shown above
the headerleft id.
>
> I publish the page and view it in IE and everything
works fine. However,
> in
> Design View in DW my toplinks div is displayed right
under the rightheader
> id.
> For some reason it's not being displayed under the left
and right
> floats(headerleft and headerright id's). Not sure why
because I have
> 'clear:both' set for that div's CSS.
>
> I take the position:relative out of the toplinks id, and
everything looks
> fine
> in DW. My toplinks id then drops under the both
headerleft and
> headerright.
> However, when I view this is IE then the links on the
left are no longer
> active. I guess because z-index needs position:relative
to work?
>
> Anybody have any suggestions?
>
> Thanks
>

Spry.Utils.updateContent() not applying CSS styles to included fragments on mobile viewing

NOTE THAT THIS ONLY PERTAINS TO MOBILE VIEWING (tested on iPhone)
Hi, I have a SpryTabbedPanels widget within my index.html page, where clicking each tab calls Spry.Utils.updateContent() to load an html fragment into the body of the panel content. My index.html looks something like...
<html>
<head>
     
     <link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <p>This is text that is effected by stylesheet.css</p>
    
          <li class="TabbedPanelsTab" tabindex="0" onclick="Spry.Utils.updateContent('frag','frag.html');">Code Fragment</li>
     
</body>
</html>
Then the frag.html code can be anything, and here I'll just say it's...
<p>This is a code fragment not affected by stylesheet.css</p>
Suppose then that I have the following style sheet called stylesheet.css...
p {
     color:#FF0000;
If index.html is accessed in a web browser like Chrome, Safari, etc., this code will have the obvious effect of displaying:
This is text that is effected by stylesheet.css
This is a code fragment not affected by stylesheet.css
However, when mobile browsing, the style sheet is not carried over to the code fragment, so the default settings for the <p> tag are used, producing black text for the second sentence above, displaying:
This is text that is effected by stylesheet.css
This is a code fragment not affected by stylesheet.css
I've tried putting <html> and <head> tags with a link to stylesheet.css in frag.html, but nothing seems to work. Any help would be greatly appreciated!
Thanks

I think that worked. I've been messing around for a long time trying to
figure it out myself watching tons of drop down tutorials. Should have
asked a long time ago... It was hard because I wasn't completing from
scratch and rather updating my current site. How could I give you the
location on the server easily?
Lamppa Manufacturing Inc.
Kuuma (Green) Furnaces & (Fantastic) Sauna Stoves
P.O.Box 422
Tower, MN 55790
www.lamppakuuma.com
facebook<http://www.facebook.com/pages/Lamppa-Manufacturing-Incorporated-Kuuma-Furnaces-Sauna-Stove s/215958785138157>
[email protected]
1-800-358-2049
218-753-2330

Background images are not displayed (CSS, other images ok

I tried clearing cache, looked at about:config for weird configurations, did a private browser window and disabled all extensions. None of these had any effect.
Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - both of these pages have background images loaded by CSS. For example, Amazon's logo at the top left is a background loaded from a CSS page. The image itself can be viewed raw:
http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.png
So can this image:
https://developer.mozilla.org/samples/cssref/images/starsolid.gif
But why, why why do these images display on their relevant webpage? I see Amazon, eBay, and many other websites without a full complement of images. Especially the ones used for menus and other important navigation buttons.
Here is what I see on the Mozilla page mentioned above: I see the text, but no repeating star image. This works in other browsers and on other computers in Firefox.
The page I am typing on right now has no blue background, the entry windows are not correct (like the search window is not a rounded gray box) and the search magnifying glass is missing. So this experience makes even simple pages impossible to use.
Firefox 32, Vista

You did make sure that there isn't a high contrast theme selected in Windows like I posted above?
*http://windows.microsoft.com/en-us/windows-vista/make-the-computer-easier-to-see-optimize-visual-display

Dreamweaver CC Child Page not displaying CSS when previewed in browser

Forgive me as I'm completely new to Dreamweaver. I'm working through Dreamweaver CC Classroom in a book at the moment and I'm having issues with the browser preview of my child page. In dreamweaver everything appears as it should, (as far as I know), with my CSS stylesheet in the sources panel. It's connected to all my media types and displaying appropriately in my "live" view. But, when I go to "Preview in Web Browser", it's as if no stylesheet is attached. Can someone help? I have restarted Dreamweaver just incase it was a program issue, but the problem persisted.

It's linked to my site. See the underlined portion.
Code goes as follows:
<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/js/menu.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Meridien GreenStart Association – Green News</title>

<link href="/mygreen_styles.css" rel="stylesheet" type="text/css">


<meta name="description" content="Meridien GreenStart Association – add description here.">

<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n2,n4:default;paytone-one:n4:default;kreon:n4,n7: default;patua-one:n4:default;cousine:n4:default.js" type="text/javascript"></script>
</head>

Live preview does not display CSS (Was: Hi, i hava a Question!)

when i was editing my html y have a syntax error and in the live preview only is showing me a preview of the html also i've linked a css external but even when i fixed the error the live preview keep showing me only my html wihtout the css thank you guys!! i'm waiting for your help.

The answer lies in your markup.
Please supply a link to the page so that we will be able to view the markup.
If this is not possible, paste your markup (HTML) and style rules (CSS) into this forum.

IE 6 not displaying CSS page correctly

Hi,
I realise this is probably something really simple but its
doing my head in.
http://www.scrimshaw-comm.co.uk/css_oldschol.html
The bottom of the image in the lower right hand corner sits
flush against the large creme background on firefox but sits
outside the box on explorer.
I had made this entire page (obviously what you can seee is
just the very basics) with tables and had similar issues, this is
my first delve into the world of css layout!
Cheers
Sam

This would be perhaps a less confusing rendition of the CSS -
margin: 0;
body {
background-color: #351301;
#mainbox {
width:800px;
height:650px;
background-color: #fbfce7;
background-image: url(siteimages/myimagetest.png);
background-position: right bottom;
background-repeat: no-repeat;
#header {
height: 100px;
width: 800px;
background-color: #fbfce7;
#content_box {
height: 500px;
width: 600px;
margin-left: 50px;
background-color: #FBFCE7;
border: thin solid #351301;
#logo {
float: right;
height: 250px;
width: 150px;
background-color: #FBFCE7;
-->
and for the HTML, I would use this (trivially different)
markup -
<body>
<div id="mainbox">
<div id="header">

</div>
<div id="content_box">

</div>

</div>
</body>
(I always put the closing comment INSIDE the container so
that if I move the
container, the comment goes along with it)
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
==================
"martcol" <[email protected]> wrote in
message
news:[email protected]...
> Have a look
http://martcol.co.uk/andy02/testlink.html
>
>
> I have tried to replicate your page but using a lot less
code.
>
> I have "commented out" all the CSS I thought was not
needed.
>
> I have removed one of your div-tags (logo) and placed a
bacground image in
> the
> main box using css.
>
> I have taken all position: absolute out and used "float"
instead.
>
> I hope this doesn't freak you out but if you are trying
css positioning
> it's
> float that you need to focus on and also avoid
positioned elements
> wherever you
> can.
>
> I'm just a novice so, I hope I haven't misread your
post. You can try me
> for
> explanations but, some of the more competent users will
probably have to
> help
> us both!
>
> Regards
>
> Martin
>

Firefox not displaying Cascading Style Sheet borders

I have pages that sit inside Drupal with its own style sheet that overrides the styles of the themes. The problem occurs where I have tables. Most often the right border of the table or some TDs are sometimes missing. I don't style each table cell separately, but some columns (not all) are just missing borders, whether top, right or bottom. I use firebug and when I inspect a specific cell I can see that the border is supposed to show (as it does in Chrome and IE). If the table width or height is changed in DOM, the borders sometimes appear.

Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove Cookies" from sites causing problems:
* Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Firefox not displaying CSS on webpages

I have seen this problem on multiple systems running recent versions of Firefox (26, 27, etc.) on Windows 7. All of a sudden, Firefox will not render the CSS formatting on most websites, basically leaving an unusable page. The only thing that seems to fix the problem is restarting the computer. There doesn't seem to be any rhyme or reason to when it happens. I've seen it happen after the system has only been up for a few minutes and also on systems that have been running for months.

Can you attach a screenshot?
*http://en.wikipedia.org/wiki/Screenshot
*https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
Use a compressed image type like PNG or JPG to save the screenshot.
See:
*http://kb.mozillazine.org/Websites_look_wrong
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.
Make sure that you allow pages to choose their own colors.
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
Note that these settings affect background images.
See also:
*http://kb.mozillazine.org/Website_colors_are_wrong

Templates pages do not retain .css styles

dwcs4
I have created a template, and have about ten pages using it, the problem is every time I update the template the individual pages detach from the .css
and I have to manually re-attach them all every time.
Hoping there is some thing obvious happinging here.
Thx
Brad

Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove Cookies" from sites causing problems:
* Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Can not set css style class of TD in DataTable??

<h:dataTable value='#{myList.rows}' var='row' headerClass='cs_header' styleClass="cs_list" rowClasses='cs_TR_EVEN,cs_TR_ODD' >
The following is what I want to be generated by JSF.
<table class="cs_list">
<thead>
<tr>
<th class="cs_header" scope="col">col1_header</th>
<th class="cs_header" scope="col">col2_header</th>
<th class="cs_header" scope="col">col3_header</th>
</tr>
</thead>
<tbody>
<tr class="cs_TR_EVEN">
<td>col11</td> //?? how to generate : <td class="cs_right">col11</td>
<td>col12</td>     //?? how to generate : <td class="cs_left">col12</td>
<td>col13</td>     //?? how to generate : <td class="cs_center">col13</td>
</tr>
<tr class="cs_TR_ODD">
<td>col21</td> //?? how to generate : <td class="cs_right">col21</td>
<td>col22</td>     //?? how to generate : <td class="cs_left">col22</td>
<td>col23</td>     //?? how to generate : <td class="cs_center">col23</td>
</tr>
<tr class="cs_TR_EVEN">
<td>col31</td> //?? how to generate : <td class="cs_right">col31</td>
<td>col32</td>     //?? how to generate : <td class="cs_left">col32</td>
<td>col33</td>     //?? how to generate : <td class="cs_center">col33</td>
</tr>
</tbody>
</table>
Thanks a lot!

try columnClasses="cs_right,cs_left,cs_center"

IE6 not displaying css style

Similar Messages

Maybe you are looking for