I am developing a new site for a research doctor for breast cancer. I have a
template and I am using css. The site so for renders find and look right in
IE7 but if you see the larger bar at botton in green and the spacing on the
left sife at bottom. I also seem to get a dotted dash around adn under all my
links in FireFox that I do not get in IE7.

Any ideas? I am also attaching my css file.

http://www.allsourcecomputing.com/askbreastdr
http://www.allsourcecomputing.com/askbreastdr:confused;

/* Global Styles */

body {
margin:0px;
}

td {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}

a {
color: #003300;
text-decoration: none;
}

a:hover {
color: #003300;
text-decoration: underline;
}

/* ID Styles */

#navigation td {
border-bottom: 1px solid #F4FFE4;
border-top: 1px solid #F4FFE4;
}

#navigation a {
font: bold 11px Arial, Helvetica, sans-serif;
color: #BD38AD;
line-height:16px;
letter-spacing:0.1em;
text-decoration: none;
display:block;
padding:8px 6px 10px 20px;
}

#navigation a:hover {
background: #BD53AF;
color:#FFFFFF;
}

#logo {
font:normal 30px/30px Arial, Helvetica, sans-serif;
color: #BD38AD;
letter-spacing:0.2em;
}

#tagline {
font:lighter 11px/18px Arial, Helvetica, sans-serif;
color: #BD38AE;
letter-spacing:0.4em;
}

#monthformat {
border-bottom: 1px dashed #5C743D;
}

#dateformat {
font:bold 11px Arial, Helvetica, sans-serif;
color: #003300;
letter-spacing:0.2em;
}

#dateformat a {
font:11px Arial, Helvetica, sans-serif;
color: #993300;
font-weight:bold;
letter-spacing:.1em;
text-decoration:none;
}

#dateformat a:hover {
color: #F4FFE4;
letter-spacing:.1em;
}

/* Class Styles */

.bodyText {
font:12px/18px Arial, Helvetica, sans-serif;
color:#333333;
margin-top:0px;
text-align: justify;
}
.bodyText h4 {
color: #669933;
font: bolder 13px Arial, Helvetica, sans-serif;
}


.pageName{
font: bold 16px/26px Arial, Helvetica, sans-serif;
color: #BD38AD;
letter-spacing:0.21em;
}

.subHeader {
font:bold 12px/18px Arial, Helvetica, sans-serif;
color: #BD38AD;
letter-spacing:0.1em;
}

.quote {
font: 20px Arial, Helvetica, sans-serif;
color: #759DA1;
line-height:30px;
}

.smallText {
font: 12px/18px Arial, Helvetica, sans-serif;
color: #333333;
text-align: justify;
}
#copyright {
text-align: center;
font: 10px Arial, Helvetica, sans-serif;
color: #003300;
text-decoration: none;
}



.navText {
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
line-height:16px;
letter-spacing:0.1em;
text-decoration: none;
}

.topMenu {
color: #BD38AD;
text-decoration: none;
font: 12px Arial, Helvetica, sans-serif;
}
.bottomMenu {
color: #BD38AD;
text-decoration: none;
font: 12px Arial, Helvetica, sans-serif;
}

The dotted outline is an accessability thing. By removing it, you have
removed a visual cue for those who need to use the Tab key instead of a
mouse. However, you can remove it with -

outline:none;

added to your pseudo-class rules for the :hover and :active states.

Pages that render 'correctly' in IE and incorrectly in FF *always* contain
errors. Yours is no exception -

http://validator.w3.org/check?verbos...askbreastdr%2F

Fix those.

--
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
==================


"allsource" <webforumsuser@macromedia.com> wrote in message
news:fpgai9$8fu$1@forums.macromedia.com...
>I am developing a new site for a research doctor for breast cancer. I have
>a
> template and I am using css. The site so for renders find and look right
> in
> IE7 but if you see the larger bar at botton in green and the spacing on
> the
> left sife at bottom. I also seem to get a dotted dash around adn under
> all my
> links in FireFox that I do not get in IE7.
>
> Any ideas? I am also attaching my css file.
>
> http://www.allsourcecomputing.com/askbreastdr
> http://www.allsourcecomputing.com/askbreastdr:confused;
>
> /* Global Styles */
>
> body {
> margin:0px;
> }
>
> td {
> font:11px Arial, Helvetica, sans-serif;
> color:#666666;
> }
>
> a {
> color: #003300;
> text-decoration: none;
> }
>
> a:hover {
> color: #003300;
> text-decoration: underline;
> }
>
> /* ID Styles */
>
> #navigation td {
> border-bottom: 1px solid #F4FFE4;
> border-top: 1px solid #F4FFE4;
> }
>
> #navigation a {
> font: bold 11px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> line-height:16px;
> letter-spacing:0.1em;
> text-decoration: none;
> display:block;
> padding:8px 6px 10px 20px;
> }
>
> #navigation a:hover {
> background: #BD53AF;
> color:#FFFFFF;
> }
>
> #logo {
> font:normal 30px/30px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.2em;
> }
>
> #tagline {
> font:lighter 11px/18px Arial, Helvetica, sans-serif;
> color: #BD38AE;
> letter-spacing:0.4em;
> }
>
> #monthformat {
> border-bottom: 1px dashed #5C743D;
> }
>
> #dateformat {
> font:bold 11px Arial, Helvetica, sans-serif;
> color: #003300;
> letter-spacing:0.2em;
> }
>
> #dateformat a {
> font:11px Arial, Helvetica, sans-serif;
> color: #993300;
> font-weight:bold;
> letter-spacing:.1em;
> text-decoration:none;
> }
>
> #dateformat a:hover {
> color: #F4FFE4;
> letter-spacing:.1em;
> }
>
> /* Class Styles */
>
> .bodyText {
> font:12px/18px Arial, Helvetica, sans-serif;
> color:#333333;
> margin-top:0px;
> text-align: justify;
> }
> .bodyText h4 {
> color: #669933;
> font: bolder 13px Arial, Helvetica, sans-serif;
> }
>
>
> .pageName{
> font: bold 16px/26px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.21em;
> }
>
> .subHeader {
> font:bold 12px/18px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.1em;
> }
>
> .quote {
> font: 20px Arial, Helvetica, sans-serif;
> color: #759DA1;
> line-height:30px;
> }
>
> .smallText {
> font: 12px/18px Arial, Helvetica, sans-serif;
> color: #333333;
> text-align: justify;
> }
> #copyright {
> text-align: center;
> font: 10px Arial, Helvetica, sans-serif;
> color: #003300;
> text-decoration: none;
> }
>
>
>
> .navText {
> font: 11px Arial, Helvetica, sans-serif;
> color: #333333;
> line-height:16px;
> letter-spacing:0.1em;
> text-decoration: none;
> }
>
> .topMenu {
> color: #BD38AD;
> text-decoration: none;
> font: 12px Arial, Helvetica, sans-serif;
> }
> .bottomMenu {
> color: #BD38AD;
> text-decoration: none;
> font: 12px Arial, Helvetica, sans-serif;
> }
>

OK I have fixed the 10 or so errors found at W3C but I still have the same
problem. Here is the result of the W3c test


http://validator.w3.org/check?uri=ht...ing.com%2Faskb
reastdr%2F&charset=%28detect+automatically%29&doct ype=Inline&group=0&verbose=1

Am I missing something here?

Good work.

For the green bar at the bottom, how do you *want* it to appear? The way it
does in IE?

Change this -

<td width="100%" bgcolor="#C6D7A5"><div align="center" class="bottomMenu">
<p><a href="#">Privacy</a> | <a href="#">Legal</a> | <a
href="#">Feedback</a> | <a href="#">Site Map</a></p>

</div></td>

to this -

<td width="100%" bgcolor="#C6D7A5"><div align="center" class="bottomMenu">
<p style="margin:0;"><a href="#">Privacy</a> | <a href="#">Legal</a> |
<a href="#">Feedback</a> | <a href="#">Site Map</a></p>

</div></td>

The spacing on the left is just caused by your layout methods. To fix it,
you'd need to get beyond using empty paragraph tags as spacers -


<p><br />
&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br />
&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="copyright">
<p>&copy; 2008 AskBreastDr.com<br />
All rights reserved<br />
<br />

and bring some solid CSS into play, like a top margin on the div#copyright,
or something.

--
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
==================


"allsource" <webforumsuser@macromedia.com> wrote in message
news:fph9sq$bjc$1@forums.macromedia.com...
> OK I have fixed the 10 or so errors found at W3C but I still have the same
> problem. Here is the result of the W3c test
>
>
> http://validator.w3.org/check?uri=ht...ing.com%2Faskb
> reastdr%2F&charset=%28detect+automatically%29&doct ype=Inline&group=0&verbose=1
>
> Am I missing something here?
>
>
>