 |
| Author | Post |
|---|
MarciaH
Member
| Joined: | Mon Mar 8th, 2004 |
| Location: | |
| Posts: | 2 |
| Status: |
Offline
|
| Mana: |  |
|
Posted: Mon Mar 8th, 2004 09:27 pm |
|
Having lots of trouble with a site I'm working on in Netscape 4.7 (Mac) and Safari (Mac). I am using DW MX.
I am just making the transition to using CSS in my design, and I'm not at all happy with my results. I'm sure there's lots of redundancy in my rules, and many of the elements in the stylesheet (e.g.sidebar,etc.) are not actually used in this page.
Here is the page: http://www.bethisraelny-hivtrials.org/inside_3_5_to3_8.html
In IE 5.2 (Mac) the page looks OK to me except that it doesn't stretch and shrink appropriately.
But it totally goes nuts in NN 4.7 (so what else is new?).
In NN, the structure completely breaks down, page elements are strew about and the content is completely disappeared.
In Safari, although it renders the page correctly it disregards my CSS rules for headings, and links (shouldn't be underlined, should show hover, etc.) and footer.
Could someone please check it and let me know what I've done wrong so I can fix it. I'm going nuts and I have to get this page in shape so I can use it for the template for the site.
Thanks in advance.
MarciaH
/* CSS Document */
body {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #000033;
background-image: url(graphics/backgrounds/dk_teal_noise_bg.gif);
background-repeat: repeat;
}
p {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #000066;
line-height: 15px;
}
a {
font-weight: bold;
color: #336666;
}
.whitefooter {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: center;
background-image: url(graphics/backgrounds/lt_teal_noise_bg.gif);
letter-spacing: .1em;
font-weight: bolder;
}
.footerlink {
font-weight: bold;
color: #000033;
text-decoration: none;
font-size: 10px;
background-image: url(graphics/backgrounds/creamy_yellow_noise_bg.gif);
}
.nav {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
}
.navLink {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
height: 25px;
width: 160px;
border: 1px groove #000066;
background-image: url(graphics/backgrounds/linkbg.gif);
text-align: center;
color: #FFFFFF;
letter-spacing: 0.1em;
vertical-align: sub;
line-height: 20px;
margin-left: 0.4em;
position: absolute;
left: 14px;
top: 33px;
visibility: visible;
}
.sidebar {
font-family:"Trebuchet MS", Verdana, Geneva, sans-serif; font-size: 10px;
line-height: 14px;
padding: 3px;
background-color: #FFFFCC;
color: #003333;
float: right;
width: 30%;
}
#footer {
background-image: url(graphics/backgrounds/lt_teal_noise_bg.gif);
}
.sidebarHeader {
font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 18px;
color: #003300;
background-color: #FFFF66;
text-align: center;
}
.sidebarFooter {
"Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #FFFF99;
font-style: italic;
}
.callout {
width: 95%;
font-size: 10px;
line-height: 13px;
font-weight: bold;
text-decoration: none;
background-image: url(graphics/backgrounds/ltcreamyyellowbg.gif);
background-repeat: repeat;
border: 0.5px dotted #FF9933;
padding: 4px;
}
a.navbar {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
color: #FFFFFF;
}
a.navbar:link {
color: #FFFFFF;
}
a.navbar:visited {
color: #999999;
}
a.navbar:hover {
text-decoration: line-through;
}
a.navbar:active {
background-color: #FFCC66;
}
h1 {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000066;
background-color: #FFCC33;
background-image: url(graphics/backgrounds/goldtoyellowgradient.jpg);
background-repeat: repeat;
line-height: 40px;
text-indent: 1em;
letter-spacing: .3em;
}
h2 {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000066;
font-style: normal;
text-indent: 2em;
line-height: 24px;
}
h3 {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #003366;
}
.dropcap {
font-size: 20px;
font-weight: bolder;
color: #003366;
vertical-align: sub;
text-indent: 1em;
}
a:link {
font-weight: bold;
color: #006699;
text-decoration: none;
}
a:visited {
color: #333333;
}
a:hover {
color: #000066;
text-decoration: underline;
}
a:active {
color: #000066;
text-decoration: underline;
}
}
.localnavlink {
font-size: 12px;
font-weight: bolder;
color: #000066;
text-decoration: none;
text-align: center;
}
.caption {
font-size: 10px;
font-weight: bold;
color: #003333;
line-height: 16px;
text-indent: 4em;
}
.darkfooter {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: 400;
color: #000033;
letter-spacing: 0.1em;
text-align: center;
}
#maincontent {
background-image: url(graphics/backgrounds/goldtoyellowgradient.jpg);
background-repeat: repeat;
width: 98%;
margin: 0px 1%;
}
.copyright {
font-size: 9px;
color: #000033;
text-align: center;
font-weight: 300;
}
a:link {
font-weight: bold;
color: #0000CC;
text-decoration: none;
}
a:visited {
font-weight: bold;
color: #666666;
text-decoration: none;
}
a:hover {
font-weight: bold;
color: #00CCCC;
text-decoration: underline;
}
a:active {
font-weight: bold;
color: #00CCCC;
text-decoration: underline;
}
#navbar {
text-align: center;
}
.goodworx {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000066;
background-image: url(graphics/backgrounds/dk_teal_noise_bg.gif);
text-align: center;
font-weight: bold;
}
#rightcopy {
background_image: url(graphics/backgrounds/creamy_yellow_noise_bg.gif);
width: 35%;
background-image: url(graphics/backgrounds/creamy_yellow_noise_bg.gif);
}
#leftcopy {
background_color: #FFFFCC;
width: 62%;
}
.whitelink {
font-weight: bold;
color: #FFFFFF;
}
|
Woodman
Member
| Joined: | Thu Sep 11th, 2003 |
| Location: | Hong Kong, China |
| Posts: | 190 |
| Status: |
Offline
|
| Mana: |  |
|
Posted: Mon Mar 8th, 2004 11:34 pm |
|
Greetings,
Doubt this'll help much, but try removing the semi-colon from the last line of each & every section. So for example:
p {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #000066;
line-height: 15px <---- (removed semi-colon)
}
a.navbar:visited {
color: #999999 <---- (removed semi-colon)
}
Also, there seems to be two sets of conflicting IDs, specifically for the <A> tag:
Set 1 --
a:link {
font-weight: bold;
color: #006699;
text-decoration: none;
}
a:visited {
color: #333333;
}
a:hover {
color: #000066;
text-decoration: underline;
}
a:active {
color: #000066;
text-decoration: underline;
}
Set 2 --
a:link {
font-weight: bold;
color: #0000CC;
text-decoration: none;
}
a:visited {
font-weight: bold;
color: #666666;
text-decoration: none;
}
a:hover {
font-weight: bold;
color: #00CCCC;
text-decoration: underline;
}
a:active {
font-weight: bold;
color: #00CCCC;
text-decoration: underline;
}
And then, there's a redundant bracket I can see:
a:active {
color: #000066;
text-decoration: underline;
}
} <-- (redundant bracket)
.localnavlink {
font-size: 12px;
font-weight: bolder;
color: #000066;
text-decoration: none;
text-align: center;
}
There's also a missing zero character in one of the values, don't think it should be a problem, but you never know how fussy these browsers can be heh  :
.whitefooter {
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: center;
background-image: url(graphics/backgrounds/lt_teal_noise_bg.gif);
letter-spacing: .1em; <--- (missing zero)
font-weight: bolder;
}
Finally, you might also want to remove the " character placed in some font names, just to see if that solves anything.
Good luck.
|
MarciaH
Member
| Joined: | Mon Mar 8th, 2004 |
| Location: | |
| Posts: | 2 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Mar 9th, 2004 01:55 pm |
|
Hi,
Thanks for the try, but I'm afraid it didn't help at all. Any thoughts about the structure of the page and why it's not working besides the css?
Marcia
|
Woodman
Member
| Joined: | Thu Sep 11th, 2003 |
| Location: | Hong Kong, China |
| Posts: | 190 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Mar 9th, 2004 03:13 pm |
|
Greetings,
None that I can see mate  , code looks perfectly fine to me.
Not that I personally confirmed it, but perhaps what folks have been saying around for a while is maybe true, that Netcape royally sucks when it comes to CSS support.
Ahh well, shame it didn't help, best of luck to you.
|
Current time is 03:37 am | |
|
|
|
|
