[css-d] Safari only bug
URL: http://home2006.msu.edu I'm having a hard time finding any documentation on this bug. We just released a beta version of a new MSU.edu web site and are getting feedback. Does anyone know what is going on when Safari drops the left column as mentioned below? Mac Safari ONLY When the window is wider than the content of the page (800 px or so) it looks absolutely perfect on every single page in the MSU.edu site. When the window is smaller than the content of the page, the navigation tabs are pushed slightly to the right (I know why it is doing this). The content and left column are positioned correctly, and everything appears normal. When you adjust the size of the window, the left column drops immediately. It does not matter if you are making the window smaller or larger, it just drops. Nothing else on the page changes (except for the navigation tabs, if you decrease the width at a certain point, they are pushed to the right). Refreshing the page at the new browser window size shows the left column moving back up to its normal location. Certainly, this is an issue, but is not as big as some of the feedback is making it out to be. It appears to be some sort of Safari quirk, and was replicated on multiple versions of Safari (2.0.1 and 1.3.1). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari only bug
On Jan 16, 2006, at 2:36 PM, David Mulder wrote: URL: http://home2006.msu.edu I'm having a hard time finding any documentation on this bug. We just released a beta version of a new MSU.edu web site and are getting feedback. Does anyone know what is going on when Safari drops the left column as mentioned below? Mac Safari ONLY When the window is smaller than the content of the page, the navigation tabs are pushed slightly to the right (I know why it is doing this). The content and left column are positioned correctly, and everything appears normal. This happens in gecko browsers also. When you adjust the size of the window, the left column drops immediately. It does not matter if you are making the window smaller or larger, it just drops. Nothing else on the page changes ... Refreshing the page at the new browser window size shows the left column moving back up to its normal location. Not always. If I refresh a bunch of times it will go back and forth between 'normal' and 'dropped'. It doesn't seem to matter how wide my window is. It does seem to have something to do with triggering a recalc of page layout. When I refresh, if it only repaints the picture, it does not drop. If it invalidates and redraws the whole page then the welcome column will be dropped. Certainly, this is an issue, but is not as big as some of the feedback is making it out to be. It appears to be some sort of Safari quirk, and was replicated on multiple versions of Safari (2.0.1 and 1.3.1). The only reason it is an issue is because it overlaps the footer when it 'drops'. If it weren't for that, safari users would assume it was supposed to be that way. It sure looks like a browser bug to me. Unfortunately, it is really hard to hack for safari because it's css parser is so strict. One nitpick. I see that the document is xhtml 1.0 strict, but the mime-type is text/html. I thought only xhtml 1.0 transitional could be served with that mime type. It is a lovely site by the way. I really like it. -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari only bug
On Jan 16, 2006, at 2:36 PM, David Mulder wrote: URL: http://home2006.msu.edu Does anyone know what is going on when Safari drops the left column as mentioned below? Try adding a padding-bottom or margin-bottom of about 20px on the bottom navigation that is in the content area. So as long as another page doesn't have much more content in the sidebar than the index page does you'll be fine. Also, everything is sized in ems except for the header image. So when I enlarge or decrease the text size everything in the site expands or gets smaller except for the header image. You can size the header image in ems as well so it resizes too. -David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/