Serious CSS Help Needed

Question

Hi,
This is my first attempt at a pure table-less css driven
site. I have been doing a combination of both up to this point.
Here is the site
http://www.getascendent.com/
it shows up fine in IE if I force IE to use "Quirks Mode". Take a
look at the site in FireFox and you will see what I mean.
Here is the CSS I am use. Any advise would be greatly
appreciated.
Thanks,
Art

Answer 1

Using frames? Why on earth?
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
==================
"TC5Racer" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> This is my first attempt at a pure table-less css driven
site. I have been
> doing a combination of both up to this point.
> Here is the site
http://www.getascendent.com/
it shows up fine in IE if I
> force IE to use "Quirks Mode". Take a look at the site
in FireFox and you
> will
> see what I mean.
>
> Here is the CSS I am use. Any advise would be greatly
appreciated.
>
> Thanks,
> Art
>
>
>
>
>
> @charset "utf-8";
> /* CSS Document */
>
> body {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 0.8em;
> color: #333333;
> text-align: center;
> background-color: #FFFFFF;
> }
>
> #wrapper {
> position: relative;
> height: 100%;
> width: 718px;
> text-align: left;
> display: inline;
> background: #FFFFFF;
> border-top: 1px solid #333333;
> border-right: 1px solid #333333;
> border-bottom: 1px solid #333333;
> border-left: 1px solid #333333;
> clear: both;
> }
>
>
> #header {
> border-bottom: 1px dotted #000000;
> display: inline;
> float: left;
> margin-bottom: 1px;
> }
>
>
> .leftimg {
> float: left;
> margin-bottom: 5px;
> margin-top: 1px;
> border-bottom:1px dotted #000000;
> border-top:1px dotted #000000;
> clear: both;
> }
>
>
> /*navigation*/
>
> #mainnavigation {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 0.8em;
> letter-spacing: 1px;
> }
> #mainnavigation ul {
> list-style: none;
> margin: 0;
> margin-left:2px;
> padding-top: 4px;
> padding-bottom:4px;
> }
> #mainnavigation li {
> display: inline;
> }
> #mainnavigation a:link, #mainnavigation a:visited {
> margin-right:2px;
> padding: 3px 10px 2px 10px;
> color:#cccccc;
> background-color:#999999;
> text-decoration:none;
> border-top: 1px solid #666666;
> border-left: 1px solid #666666;
> border-bottom: 1px solid #666666;
> border-right: 1px solid #666666;
> }
> #mainnavigation a:hover {
> background-color:#333333;
> border-top: 1px solid #000000;
> border-left: 1px solid #000000;
> border-bottom: 1px solid #000000;
> border-right: 1px solid #000000;
> }
> #mainnavigation a:active {
> margin-right:2px;
> padding: 3px 10px 2px 10px;
> color:#cccccc;
> background-color:#333333;
> text-decoration:none;
> border-top: 1px solid #666666;
> border-left: 1px solid #666666;
> border-bottom: 1px solid #666666;
> border-right: 1px solid #666666;
> }
> /* Hide from IE 5-Mac.Only IE-Win see this \*/
>
> * html p {
> height: 1%;
> }
> /* End hide from IE5/Mac */
>
> /*main content style*/
> h1 {
> font-size: 1.2em;
> font-style: normal;
> line-height: normal;
> font-weight: bold;
> font-variant: normal;
> text-transform: none;
> color: #990000;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: left;
> text-indent: 2px;
> display: inline;
> margin-left: 3px;
> margin-bottom: 3px;
> }
> #content {
> text-align: left;
> word-spacing: 1px;
> margin-top:2px;
> margin-bottom:2px;
> margin-left:3px;
> float: left;
> width: 718px;
> clear: both;
> }
> #content h2 {
> font-size: 0.9em;
> font-style: normal;
> line-height: normal;
> font-weight: bold;
> font-variant: normal;
> text-transform: none;
> color: #000066;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: left;
> text-indent: 2px;
> display: inline;
> margin-left: 3px;
> margin-bottom: 10px;
> clear: both;
> }
> .feature {
> letter-spacing: 1px;
> text-align: left;
> display: block;
> padding: 2px 10px;
> float: left;
> width: 400px;
> list-style: circle outside;
> margin-top: 25px;
> margin-bottom: 5px;
> clear: both;
> }
> .feature a:link, .feature a:visited {
> letter-spacing: 1px;
> text-transform: none;
> color: #000000;
> text-decoration: none;
> }
> .feature a:hover {
> letter-spacing: 1px;
> text-transform: none;
> color: #990000;
> text-decoration: none;
> }
> .feature a:active {
> letter-spacing: 1px;
> text-transform: none;
> color: #000066;
> text-decoration: none;
> }
> #footer {
> font-size: 0.7em;
> text-transform: none;
> color: #333333;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: right;
> vertical-align: bottom;
> display: block;
> width: 720px;
> border-top: 1px dotted #000000;
> border-right-color: #000000;
> border-bottom-color: #000000;
> border-left-color: #000000;
> z-index: 1;
> background: #999999;
> padding: 2px 10px 3px;
> }
>