[css-d] Float being overlapped
I have a website I've been working on that's supposed to launch on Tuesday. As far as I know everything is working fine, with one exception. I have an image being floated right on the splash page, and when the page is opened in Firefox the text on the page overlaps the floated image. This is only a problem the first time you open the page in Firefox -- as soon as the page is in memory, if you go back to it or refresh, the text is where it's supposed to be. If you close Firefox and open it again, the problem is back. I've already validated with no problems. Any thoughts? You can see it online at: http://www.demotorize.org/sandbox Thanks for your help. -- Aaron Scott Hildebrandt http://www.andcuriouser.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] Float being overlapped
I have an image being floated right on the splash page, and when the page is opened in Firefox the text on the page overlaps the floated image. This is only a problem the first time you open the page in Firefox -- as soon as the page is in memory, if you go back to it or refresh, the text is where it's supposed to be. If you close Firefox and open it again, the problem is back. I've already validated with no problems. http://www.demotorize.org/sandbox I haven't heard any responses regarding this -- could someone confirm that it's a problem? Perhaps it's a problem with my test system. Thanks, Aaron __ 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] Float being overlapped
I haven't heard any responses regarding this -- could someone confirm that it's a problem? Perhaps it's a problem with my test system. it's a problem on first load for me (latest ff version) as you've explained. unfortunately i don't know how to fix it. :( sorry. __ 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] Float being overlapped
Aaron Scott Hildebrandt wrote: http://www.demotorize.org/sandbox I haven't heard any responses regarding this -- could someone confirm that it's a problem? Perhaps it's a problem with my test system. It looks like something similar to what I have here... http://www.gunlaug.no/contents/wd_chaos_16.html ...and at least at my end (with your page) it is solved by giving the image dimensions ( width=100 height=100 ) in the source-code. regards Georg -- http://www.gunlaug.no __ 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] Float being overlapped
Aaron Scott Hildebrandt wrote: I have a website I've been working on that's supposed to launch on Tuesday. As far as I know everything is working fine, with one exception. I have an image being floated right on the splash page, and when the page is opened in Firefox the text on the page overlaps the floated image. This is only a problem the first time you open the page in Firefox -- as soon as the page is in memory, if you go back to it or refresh, the text is where it's supposed to be. If you close Firefox and open it again, the problem is back. I've already validated with no problems. Any thoughts? You can see it online at: http://www.demotorize.org/sandbox If I use the Firefox DOM Inspector to delete the div with id=header (which is currently hidden by setting its CSS display property to none) then the page sorts itself out. It's unclear to me why this should be, but this might help you to work out what's happening. If you don't need that header, just take it out of the page :-) HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] Float being overlapped
If you don't need that header, just take it out of the page :-) I can't remember my reasoning behind hiding it and not removing it -- I'm sure it made sense at the time. I'll remove it from the page and see if the problem fixes itself (it'll have to wait until this evening, though). Thanks for looking into this. I'd still love to know why exactly it's happening, but it seems like that has us pretty stumped. Aaron __ 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] Float being overlapped
From: Aaron Scott Hildebrandt [EMAIL PROTECTED] I'd still love to know why exactly it's happening, but it seems like that has us pretty stumped. Well, perhaps you had not received the reply from Georg before you wrote this reply, but the reason it's happening is that you don't have any dimensions set on that image. Georg wrote: ...and at least at my end (with your page) it is solved by giving the image dimensions ( width=100 height=100 ) in the source-code. Try that out, and if it works, you'll then know why exactly it's happening. FF likes it much better when you give content images a width and, especially, a height, right where it can figure out how much room to leave for said image while it's waiting for the server to send it on over. Once it has the image, it can redraw the page properly, but as you've noticed, that usually isn't until after its already displayed in an incorrect way, by our sensibilities, anyway. ~holly __ 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/