> On 5/13/06, Bill Brown <[EMAIL PROTECTED]> wrote: > > > http://www.pixelmech.com/rev/test.html > > > > The CSS is inline. The class/element in question is > > .float-left-half inside the #help-titlebar. > > Add a width of 99% to #help-titlebar (since you have > 4px padding). You'll > need to adjust the way you handle padding if you want > it to be 100%, but > adding a width to the parent will get Firefox to toe > the line for ya. > > > Thanks Bill, it does fix the width issue on that float, but > causes two other issues. > > 1. A 1% space between the header and the outside border in > Firefox 2. On resize smaller, pushing content down in IE > > This is why I had avoided a width on that container :(. Does > anyone know what the cause of FF pushing that to 100%? Is > there another solution perhaps? >
Tom, you can fix this by doing this: 1. In your css, change/add: #help-titlebar { background: #b3b3b3; padding: 0; height: 20px; width: 100%; float: left; } .float-left-half p { margin: 0; padding: 0 2px; } .float-right-half p { margin: 0; padding: 0 2px; } 2. In your html, change/add: <div id="help-titlebar"> <div class="float-left-half"> <p><strong>Help: </strong><strong id="helptitle">Activity Overview</strong></p> </div> <div class="float-right-half"> <p>Page 1 of 2 | <a href="//">Next ></a></p> </div> <br class="simpleclear" /> </div> That should fix it in IE and FF. Hope it helps. --Bill ___________________________________________________________ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup at www.doteasy.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/