Re: [WSG] IE 7 check please
Hi Kepler, Thanks for checking. For http://spanish-portuguese.berkeley.edu/ - I'm not seeing a horizontal scrollbar in IE7 until you resize below around 770px (after the 3rd column drops below the 2nd). I suspect this is the behavior you wanted since FireFox behaves the same way. One thing I did note was the search heading remained at the right and didn't drop below the second column like the rest of the 3rd column. I suspect it is because it is contained in the second column's div: I guess this one isn't a good example of what I was trying to find out in IE 7 as it's min-width is smaller than 800px. For http://www.thinkvitamin.com/ - This site has a scrollbar in IE7 around 884px. It appears that this is caused by the footer. In FireFox it just ignores that the right portion of the footer is being chopped off and doesn't give you a scrollbar but as soon as the footer content doesn't fit in IE7 the scroll bar appears. I didn't noticed that the content in footer being chopped off, but yes, this is what I was trying to determine whether IE 7 has issue with elastic + fluid layout (is there a name for such layout?), or other browsers that got the words chopped off is wrong. I made the screenshots for Firefox in Mac and PC, and IE 6 Vs IE 7 standalone. http://lotusseedsdesign.com/ff.png http://lotusseedsdesign.com/ie.png - you can clearly see IE 7 has scollbar at 800px and the reason for it is footer text. I am trying to fix a similar layout that I submitted to accessites.org. My layout initially was elastic and aimed for 1024 screen user, however they found horizontal scrollbar at 800px - 800px without horizontal scrollbar is one of the criteria. I wanted this be fixed, so I amended my layout to elastic + fluid like the above two sites, and I am getting some 70px scrollbar at 800px screen in my standalone IE 7, not IE 6. (no special treatment is served for IE 6/7 for the outer wrap). At 800px screen in other browsers, no words being chopped off though. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE 7 check please
For http://www.thinkvitamin.com/ - This site has a scrollbar in IE7 around 884px. It appears that this is caused by the footer. In FireFox it just ignores that the right portion of the footer is being chopped off and doesn't give you a scrollbar but as soon as the footer content doesn't fit in IE7 the scroll bar appears. I didn't noticed that the content in footer being chopped off, but yes, this is what I was trying to determine whether IE 7 has issue with elastic + fluid layout (is there a name for such layout?), or other browsers that got the words chopped off is wrong. I made the screenshots for Firefox in Mac and PC, and IE 6 Vs IE 7 standalone. http://lotusseedsdesign.com/ff.png http://lotusseedsdesign.com/ie.png - you can clearly see IE 7 has scollbar at 800px and the reason for it is footer text. Tee, i just looked more at the http://www.thinkvitamin.com/ site. yes, i get the scroll bar at 800 wide in IE7 (not standalone). and yes, its because its not chopping off the footer (wouldn't have noticed, probably, though if Kepler hadn't noticed and then you re-mentioned it). In IE6 it doesn't chop off the footer and there is no scroll BUT its broken, the divisions don't line up right (they sorta fall all over the place). In mozilla there is no scroll but the footer is chopped off. so, it seems like out of those three that IE7 is handling it best. In mozilla, using Tidy, it says there are 136! warnings. and , some in particular are missing division endings. also, just noticed at 800 wide in mozilla the divisions overlap in a way that doesn't work well, at all. i think someone needs to take a look at it! cheers Donna I am trying to fix a similar layout that I submitted to accessites.org. My layout initially was elastic and aimed for 1024 screen user, however they found horizontal scrollbar at 800px - 800px without horizontal scrollbar is one of the criteria. I wanted this be fixed, so I amended my layout to elastic + fluid like the above two sites, and I am getting some 70px scrollbar at 800px screen in my standalone IE 7, not IE 6. (no special treatment is served for IE 6/7 for the outer wrap). At 800px screen in other browsers, no words being chopped off though. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE 7 check please
On Oct 14, 2007, at 12:14 AM, Donna Jones wrote:
Tee, i just looked more at the http://www.thinkvitamin.com/ site.
yes, i get the scroll bar at 800 wide in IE7 (not standalone). and
yes, its because its not chopping off the footer (wouldn't have
noticed, probably, though if Kepler hadn't noticed and then you re-
mentioned it). In IE6 it doesn't chop off the footer and there is
no scroll BUT its broken, the divisions don't line up right (they
sorta fall all over the place). In mozilla there is no scroll but
the footer is chopped off. so, it seems like out of those three
that IE7 is handling it best. In mozilla, using Tidy, it says
there are 136! warnings. and , some in particular are missing
division endings. also, just noticed at 800 wide in mozilla the
divisions overlap in a way that doesn't work well, at all. i think
someone needs to take a look at it!
Thanks Donna, thanks for checking.
I am not concerned how thinkvitamin has errors and warnings and text
got chopped off because that is beyond my control but the owner of
the site. That site is made for wider screen audience but made
consideration for 800px screen user (a close to none-existence for
its audiences I would say). So my take is they aware of the issue and
decided not to bother.
My quest is whether IE 7 has issue with elastic + fluid' layout, as
shown on that two sites and mine.
Anyhow, I found the answer myself. In my layout I have an element
with background image, and I have a span class for image replacement.
h3 {url(image.png) no-repeat}
h3 span {position:absolute; text-indent: -3000px}
h3heading 3/h3
Apparently the position:absolute or the text-indent was causing that
extra 70px white space in IE 7, thus resulting a horizontal
scrollbar. Note that 70px extra is there whether the screen is 800px
or 900px. it's just not noticeable with wider screen.
It goes away when I change the absolute to relative, or text-indent:
-3000px to 'left: -3000px'
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] IE 7 check please
Thanks Donna, thanks for checking.
I am not concerned how thinkvitamin has errors and warnings and text
got chopped off because that is beyond my control but the owner of the
My quest is whether IE 7 has issue with elastic + fluid' layout, as
shown on that two sites and mine.
hi Tee, yes, i knew you were using vitamin to evaluate the problem, what
i should have said was that because of their errors, it didn't seem like
you could figure out whether or not IE7 was doing something wrong.
Anyhow, I found the answer myself. In my layout I have an element with
background image, and I have a span class for image replacement.
h3 {url(image.png) no-repeat}
h3 span {position:absolute; text-indent: -3000px}
h3heading 3/h3
Apparently the position:absolute or the text-indent was causing that
extra 70px white space in IE 7, thus resulting a horizontal scrollbar.
Note that 70px extra is there whether the screen is 800px or 900px.
it's just not noticeable with wider screen.
It goes away when I change the absolute to relative, or text-indent:
-3000px to 'left: -3000px'
cool! i'll try to remember this for when it comes up for me, who knows
when.
donna
--
Donna Jones
Portland, Maine
207 772 0266
www.westendwebs.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] IE 7 check please
Hi Tee, For http://spanish-portuguese.berkeley.edu/ - I'm not seeing a horizontal scrollbar in IE7 until you resize below around 770px (after the 3rd column drops below the 2nd). I suspect this is the behavior you wanted since FireFox behaves the same way. One thing I did note was the search heading remained at the right and didn't drop below the second column like the rest of the 3rd column. I suspect it is because it is contained in the second column's div: !-- search separator -- h5 class=fir id=searchttSEARCH THIS WEBSITEspannbsp;/span/h5 /div!-- END secCont -- For http://www.thinkvitamin.com/ - This site has a scrollbar in IE7 around 884px. It appears that this is caused by the footer. In FireFox it just ignores that the right portion of the footer is being chopped off and doesn't give you a scrollbar but as soon as the footer content doesn't fit in IE7 the scroll bar appears. Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tee G. Peng Sent: Saturday, October 13, 2007 1:48 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE 7 check please On Oct 12, 2007, at 10:33 PM, Tee G. Peng wrote: Can you please tell me if you see a horizontal scroll-bar in these two sites in IE 7 (not standalone), in 800px wide screen. http://spanish-portuguese.berkeley.edu/ I forgot to mention, in the above site, it actually is about 776px before you see a horizontal bar, but that doesn't eliminate my suspicion that IE 7 has issue with elastic layout, becaus at IE 6, the scollbar appears when the sreen is smaller that 769px. thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE 7 check please
Can you please tell me if you see a horizontal scroll-bar in these two sites in IE 7 (not standalone), in 800px wide screen. http://spanish-portuguese.berkeley.edu/ http://www.thinkvitamin.com/ I am working on a similar layout and in my standalone version it has scroll-bar, not in IE 6 though, therefor I don't want to fix something I am uncertain whether that is a bug in IE standalone and beta. If it also show up in IE 7, has anybody encountered similar before and if you know the quick fix? Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE 7 check please
On Oct 12, 2007, at 10:33 PM, Tee G. Peng wrote: Can you please tell me if you see a horizontal scroll-bar in these two sites in IE 7 (not standalone), in 800px wide screen. http://spanish-portuguese.berkeley.edu/ I forgot to mention, in the above site, it actually is about 776px before you see a horizontal bar, but that doesn't eliminate my suspicion that IE 7 has issue with elastic layout, becaus at IE 6, the scollbar appears when the sreen is smaller that 769px. thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
