Previous Message
Next Message

Weird CSS bug?

Sent by Marcluzietti on 1 March 2007 21:09


I'm working on an internal web app. The only browser I need to consider is 
IE6 (but for both Win2K and WinXP). I have a label inside a fieldset that 
I'm using negative margins to switch around where it appears relative to 
other text (depending on the CSS design chosen by the user). For some 
reason, the display is acting as if there is a new fieldset at the 
negative margin. There is a blank space that matches the size of the 
legend.

You can see a jpeg of the result @: 
http://flickr.com/photos/85875029@N00/407089900/

Here's the CSS

..dateText {
        margin-top:1.5em;
}
em {
        display:block;
        font-style:italic;
}
fieldset {
        border-bottom:none;
        border-left:none;
        border-right:none;
        border-top:1px solid #fff;
}
        fieldset legend {
        }
..labelSwap {
        display:block;
        margin-top:-2.4em;
        margin-bottom:1.2em;
}

This *margin-top:-2.4em;* seems to be the culprite, because when I comment 
it out, the line disappears.

Here's the code for that line:
<p><em class="dateText">Title * First MI. * Last Suffix</em>
        <label class="labelSwap">Borrower Name</label>
<blah blah blah>

Have I discovered a new bug? Have I come across a known bug? Can I fix 
this?

-- 
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: