Re: [css-d] Firefox problem: Forces 100% width on a floated element
> 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:
Help: Activity
Overview
Page 1 of 2 | Next >
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/
Re: [css-d] Firefox problem: Forces 100% width on a floated element
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? __ 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/
Re: [css-d] Firefox problem: Forces 100% width on a floated element
> I have a strange problem I have never seen before. I have two > floated elements inside another floated element. The two in > question are floated left and right with widths of 48% - > effectively giving me two columns, one thing on the left, one > thing on the right. > > The problem is in Firefox, the right floated element is being > forced to a 100% width, even though the class specifies 48%. > It works fine in IE strangely enough. > > The page in question can be seen at: > > http://www.pixelmech.com/rev/test.html > > The CSS is inline. The class/element in question is > .float-left-half inside the #help-titlebar. > > Any help is appreciated. Currently I'm locally overriding the > width inline to fix it, but that is highly undesireable... > > Thanks > > Tom Tom, 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. Hope it helps. Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037| || ___ $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/
[css-d] Firefox problem: Forces 100% width on a floated element
I have a strange problem I have never seen before. I have two floated elements inside another floated element. The two in question are floated left and right with widths of 48% - effectively giving me two columns, one thing on the left, one thing on the right. The problem is in Firefox, the right floated element is being forced to a 100% width, even though the class specifies 48%. It works fine in IE strangely enough. The page in question can be seen at: http://www.pixelmech.com/rev/test.html The CSS is inline. The class/element in question is .float-left-half inside the #help-titlebar. Any help is appreciated. Currently I'm locally overriding the width inline to fix it, but that is highly undesireable... Thanks Tom __ 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/
