Re: [css-d] background not staying centered in IE
Jody Levinson wrote: > Is the text really unreadable and small? It's looked normal > everywhere we've checked. Perhaps we should be handling that > differently? Me thinks so since I can only read it with great difficulty, and there are too many pages on the web to bother with hard-to-read text when one can switch to another site. That's life ... on the web. A font-size of 10px is, IMO, only useful for "legal notes" and other stuff one wants to make hard to read. What's regarded as "normal" amongst people with perfect eye-sight in the lower age-groups, is not very end-user friendly for people outside that group. Even more so when that "normal" is fixed and unchangeable, and it can end up far worse in some - if not all - browsers as the range of screen-resolutions widen. - What font-size you end up using is up to you, and whether the result is readable or not is not open for discussion on [css-d] - they say it is [OFF-TOPIC] on this list. Try any of the lists/forums on the [OFF-TOPIC] page if you want further opinions on "readability" for your creations. - However, there are some important factors regarding various font-sizing methods you should be aware of, and they are very much on-topic here. 1: pixels and points for font-size can not be resized in IE/win. One has to override author's font-size in accessibility mode to get around that, which is an option that can be hard to find, and when used it'll break all your carefully crafted alignments. 2: pixels and points for line-height can not be resized in any mode in IE/win. Same goes for Opera, btw. 3: having the main background on the body-element means it won't be resized with the rest of the page when zoomed in IE7. No problem in other browsers that can zoom pages. Forgot if there's a CSS fix for that IE-bug. Bottom line: you should test more thoroughly across browser-land, and make sure you know what works and what doesn't when conditions are changed and browser-options are applied. Otherwise you'll be in for some nasty surprises when your products land on end-user screens and people starts ripping them apart in order to access them or just leave in frustration. 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] background not staying centered in IE
Thanks again, Georg,
Is the text really unreadable and small? It's looked normal everywhere
we've checked. Perhaps we should be handling that differently?
Jody
On Oct 31, 2008, at 2:35 PM, Gunlaug Sørtun wrote:
> Jody Levinson wrote:
>> Thank you so much for this. It did fix the problem, but now, on a few
>> pages of the site, the "contact" link in the horizontal nav bar
>> seems to be falling into the overflow. Is there a way to prevent
>> this? As on this page:
>>
>> http://www.atlas-inspection.com/newsite/pmi_metal_alloy.html
>
> It is all that absolute positioning that make that part end up in the
> vertical overflow, and various browsers treat that differently.
>
> 1; modify the fix so it's only seen by IE/win.
> 2: add a padding at the bottom for the contact/search to sit on -
> again
> only for IE/win.
>
> #container {
> *overflow-x: hidden;
> *padding-bottom: 150px;
> }
>
> ...will do. You can of course choose another way to hack those
> properties/values in for "IE only", if you like.
>
>
> Aside: is the unreadable, and non-resizeable in IE, small text
> intentional - so no-one should have a clue what those pages are all
> about? No matter what; it is pretty efficient :-)
>
> 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/
--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277
928-833-8277 fax
__
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] background not staying centered in IE
Jody Levinson wrote:
> Thank you so much for this. It did fix the problem, but now, on a few
> pages of the site, the "contact" link in the horizontal nav bar
> seems to be falling into the overflow. Is there a way to prevent
> this? As on this page:
>
> http://www.atlas-inspection.com/newsite/pmi_metal_alloy.html
It is all that absolute positioning that make that part end up in the
vertical overflow, and various browsers treat that differently.
1; modify the fix so it's only seen by IE/win.
2: add a padding at the bottom for the contact/search to sit on - again
only for IE/win.
#container {
*overflow-x: hidden;
*padding-bottom: 150px;
}
...will do. You can of course choose another way to hack those
properties/values in for "IE only", if you like.
Aside: is the unreadable, and non-resizeable in IE, small text
intentional - so no-one should have a clue what those pages are all
about? No matter what; it is pretty efficient :-)
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] background not staying centered in IE
Thank you so much for this. It did fix the problem, but now, on a few
pages of the site, the "contact" link in the horizontal nav bar seems
to be falling into the overflow. Is there a way to prevent this? As on
this page:
http://www.atlas-inspection.com/newsite/pmi_metal_alloy.html
Thanks again,
Jody
On Oct 28, 2008, at 5:41 PM, Gunlaug Sørtun wrote:
> Jody Levinson wrote:
>> [...] In IE7 it's ok if the window is wide enough, but if you draw it
>> in, eventually the background tile shifts to the right while the
>> content stays centered.
>> It's worse in IE6 - the content is shifted to the left no matter what
>> size the browser.
>> http://www.atlas-inspection.com/newsite/fiberscope_rentals.html
>
> The addition of...
>
> #container {
> overflow-x: hidden;
> }
>
> ...will keep IE6/7 in check. Neither of them handle overflow very well
> without being "forced" to.
>
> regards
> Georg
> --
> http://www.gunlaug.no
--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277
928-833-8277 fax
__
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/
[css-d] background not staying centered in IE
I'm using a tiled background to create full height columns and it works fine in FF. It also seem to work reasonably well in IE with a three column layout. But the inside pages of the site used a two column layout. In IE7 it's ok if the window is wide enough, but if you draw it in, eventually the background tile shifts to the right while the content stays centered. It's worse in IE6 - the content is shifted to the left no matter what size the browser. http://www.atlas-inspection.com/newsite/fiberscope_rentals.html For comparison, here's the home page: http://www.atlas-inspection.com/newsite/ Here's the main css: http://www.atlas-inspection.com/newsite/styles.css Plus two column: http://www.atlas-inspection.com/newsite/nosidebar.css and three column: http://www.atlas-inspection.com/newsite/sidebar.css Thank you in advance for your help tracking down the solution to this problem! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
