[css-d] Script disabling inline property in FF?
URL: http://www.studentremix.org/ms/blog.htm CSS: http://www.studentremix.org/ms/ms.css Here's a crazy situation: every tested browser (ie, safari, opera, chrome) EXCEPT firefox is displaying this page correctly. The column on the right is supposed to say Log in, but in FF3, the div for that column is moved down below the left column. This happened when I inserted the script code for the blog feed into the left column div. What's going on? Thanks, Daniel Hammond Objective Designs 770-842-8817 [EMAIL PROTECTED] www.objectivedesigns.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script disabling inline property in FF?
Daniel Hammond wrote: URL: http://www.studentremix.org/ms/blog.htm The column on the right is supposed to say Log in, but in FF3, the div for that column is moved down below the left column. Can not tell you exactly what's bugging FF3, but it looks like another strange thing surrounding Gecko's handling of CSS table - not quite like the other browsers that support that property. Anyway, replacing... #content {display: table;} ...with... #content {overflow: hidden;} ...or some other expand to contain floats method, will fix it. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script disabling inline property in FF?
URL: http://www.studentremix.org/ms/blog.htm CSS: http://www.studentremix.org/ms/ms.css Here's a crazy situation: every tested browser (ie, safari, opera, chrome) EXCEPT firefox is displaying this page correctly. The column on the right is supposed to say Log in, but in FF3, the div for that column is moved down below the left column. This happened when I inserted the script code for the blog feed into the left column div. What's going on? -Daniel Not sure exactly what's going on, but if you get rid of position:relative, it seems to fix it. Since it's floated left, you also don't really need the inline-block declaration. -Ray I got rid of position:relative, and it didn't change anything. -Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script disabling inline property in FF?
| Daniel Hammond wrote: | URL: http://www.studentremix.org/ms/blog.htm | | The column on the right is supposed to say Log in, but in | FF3, the | div for that column is moved down below the left column. | | Can not tell you exactly what's bugging FF3, but it looks like another | strange thing surrounding Gecko's handling of CSS table - not | quite like | the other browsers that support that property. | | Anyway, replacing... | #content {display: table;} | ...with... | #content {overflow: hidden;} | ...or some other expand to contain floats method, will fix it. | regards | Georg That did the trick. Thank you so much! Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script disabling inline property in FF?
Gunlaug Sørtun wrote: Daniel Hammond wrote: URL: http://www.studentremix.org/ms/blog.htm The column on the right is supposed to say Log in, but in FF3, the div for that column is moved down below the left column. Can not tell you exactly what's bugging FF3, but it looks like another strange thing surrounding Gecko's handling of CSS table - not quite like the other browsers that support that property. Anyway, replacing... #content {display: table;} ...with... #content {overflow: hidden;} ...or some other expand to contain floats method, will fix it. regards Georg I guess the second float is put into a second anonymous table-row. We should not use display:table for containing floats. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/