[thelist] CSS Woes

[Taurus James]

"I feel as if I am missing one little thing to make this work in FF"

Yes, you may be missing one little thing.  Is it possible to look at the actual site?
Off the top of my head...Do all of your divs have set widths?
 
--
 Taurus M. James

http://taurusbeats.com/
http://tmjcss.com/

http://taurusjames.com/



----- Original Message ----
From: Jay Blanchard <jblanchard at pocket.com>
To: thelist at lists.evolt.org
Sent: Monday, May 7, 2007 8:33:11 PM
Subject: [thelist] CSS Woes

Good evening,

I have a basic CSS layout with a left hand navigation column and a right
hand content column. Within the content column I am nesting some div's
so that I do not have to use tables at all (plus I can make the div's
visible or invisible based on a user's choice). Several of the nested
div's float within a larger div.

All appears well in IE6, but in FF2, not so much. The nested div's
appear below the main left navigation div instead of at the top of the
right content div. I have been searching for hours trying to find a fix
and have tried several hopefuls, but to no avail. Here is what is should
look like;

-----------------------------------------------------------
|   nav  | container0                                     |
|        |------------------------------------------------|
|        | float  | float  | float  |                     |
|        |spacer------------------------------------------|
|        | float  | float  | float  |                     |
|        |spacer------------------------------------------|
|        |                                                |
|--------|------------------------------------------------|

I feel as if I am missing one little thing to make this work in FF, here
is the CSS;

#container0 div {
    border: 1px dashed #333;
    background-color: #ffe;
    vertical-align: top;
    width: 97%;
    padding: 0;
    margin: 0;
}
div.spacer {
        height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
    display: block;
    visibility: hidden;
    clear: both;
}
div.float {
    float: left;
    font-size: 1em;
}

I very much appreciate any help in advance.
-- 

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 






__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com