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