Re: [css-d] firefox layout bug - nested floats

[cj]

On 8/7/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 thx - your solution was the best solution i could come up with too -

 sorry 'bout the inline css - messy i realize.

 only problem with above is i wanted the elements within the floated right
 yellow div to align right as well - and that's
 exactly where all the problems popped up in firefox - and ie to a certain
 extent.

easy.  change the floated right div to be:

div style=float: right; border: 1px solid blue; background:
yellow;text-align: right;


all i did was add text-align: right;.
__
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 layout bug - nested floats

[[EMAIL PROTECTED]]

hey all - 

seems firefox doesn't like nested floated divs... see:

http://www.fatgraffix.com/testing/firefox_bug/test05b.hml

... any ideas ...?

thx - 
fgx


mail2web - Check your email from the web at
http://mail2web.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 layout bug - nested floats

[cj]

On 8/7/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 hey all -

 seems firefox doesn't like nested floated divs... see:

 http://www.fatgraffix.com/testing/firefox_bug/test05b.hml

 ... any ideas ...?

the item floated right needs to come first in the source.  no need to
float the left one left, i don't think.
__
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 layout bug - nested floats problem

[[EMAIL PROTECTED]]

hey all -

seems firefox doesn't like nested floated divs... see:

(sorry earlier email didn't connect - here's proper web page:)

http://www.fatgraffix.com/testing/firefox_bug/test05b.html

... any ideas ...?

thx -
fgx 


mail2web - Check your email from the web at
http://mail2web.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 layout bug - nested floats problem

[[EMAIL PROTECTED]]

hey all -

seems firefox doesn't like nested floated divs... see:

(sorry earlier email didn't connect - here's proper web page:)

http://www.fatgraffix.com/testing/firefox_bug/test05b.html

... any ideas ...?

thx -
fgx 


mail2web - Check your email from the web at
http://mail2web.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 layout bug - nested floats

[cj]

it's very hard to use firefox's handy developer tools when all the css
is inline.

saving the page to my own computer and taking out a ton of extraneous
css, i ended up with the following relevant part, which works in ie,
firefox, and opera.  just add some containing code if you want that
green background to contain the floated right div.


div style=border: 1px solid black; background: lime;
div style=float: right; border: 1px solid blue; background: yellow;
div style=border: 1px dotted red;p style=margin: 3px; 
padding:
3px;test div floated right/p/div
div style=border: 1px dotted blue; margin-bottom: 0px;p
style=margin: 3px; padding: 3px;test long line - also floated
right/p/div
/div
img src=./logo-265x41.gif style=display: inline; width:265px;
height:41px; margin: 0px 0px; alt=logo /
/div
__
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/