centering an image
in [CSS]
|
Prev: Which (current) browsers do NOT support <iframes> ?
Next: Pseudoclass link doesen't work in Firefox 3
From: Jonathan N. Little on 17 Jan 2010 08:01 jeff wrote: > I was unaware of the shift, but I think it is partially in response to > the fact that wide aspect (16:10 rather than 4:3) high res monitors are > common. Try looking at a common 750px or 1000px fixed width layout at > 1920. Ain't much there! > > http://www.w3schools.com/browsers/browsers_display.asp > > "57% higher than 1024". > > For most of us here it is a moot point as we design by default pages > that stand up to some degree of text zoom. But monitor resolution != browser window unless you assume everyone always surfs with browser maximized. Fact is they don't. -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
From: jeff on 17 Jan 2010 10:11 Jonathan N. Little wrote: > jeff wrote: > >> I was unaware of the shift, but I think it is partially in response to >> the fact that wide aspect (16:10 rather than 4:3) high res monitors are >> common. Try looking at a common 750px or 1000px fixed width layout at >> 1920. Ain't much there! >> >> http://www.w3schools.com/browsers/browsers_display.asp >> >> "57% higher than 1024". >> >> For most of us here it is a moot point as we design by default pages >> that stand up to some degree of text zoom. > > But monitor resolution != browser window unless you assume everyone > always surfs with browser maximized. Fact is they don't. Which has little to do with the point that, whatever size their browser is, the images and text are getting smaller. Particularly true with laptops that have a real physical size limit. Jeff > >
From: Jonathan N. Little on 17 Jan 2010 15:16 jeff wrote: > Jonathan N. Little wrote: >> jeff wrote: >> >>> I was unaware of the shift, but I think it is partially in response to >>> the fact that wide aspect (16:10 rather than 4:3) high res monitors are >>> common. Try looking at a common 750px or 1000px fixed width layout at >>> 1920. Ain't much there! >>> >>> http://www.w3schools.com/browsers/browsers_display.asp >>> >>> "57% higher than 1024". >>> >>> For most of us here it is a moot point as we design by default pages >>> that stand up to some degree of text zoom. >> >> But monitor resolution != browser window unless you assume everyone >> always surfs with browser maximized. Fact is they don't. > > Which has little to do with the point that, whatever size their browser > is, the images and text are getting smaller. Particularly true with > laptops that have a real physical size limit. Which means with higher resolution monitors one may more likely to have larger default font-size, which effects the design like text-zoom and therefore should be considered with good web page design. -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
From: Chris F.A. Johnson on 17 Jan 2010 15:58 On 2010-01-16, Gus Richter wrote: > On 1/16/2010 1:13 AM, Chris F.A. Johnson wrote: >> On 2010-01-16, Gus Richter wrote: >>> On 1/15/2010 10:49 PM, jeff wrote: >>>> rf wrote: >>>>> Gus Richter wrote: >>>>>> On 1/15/2010 6:05 PM, Chris F.A. Johnson wrote: >>>>>>> On 2010-01-15, Gus Richter wrote: >>>>>>> ... >>>>>>>> Let me say this in ending: I believe that it may be useful to have >>>>>>>> both "Text Zoom" and "Page Zoom" at hand, although I probably have >>>>>>>> no use for "Text Zoom" personally. >>>>>>> Then how do you test for viewers whose font size is not the same >>>>>>> as yours? That can best be emulated with text zoom, not page >>>>>>> zoom. >>>>>> Explain to me why you believe Text Zoom to be better at it than Page >>>>>> Zoom. >>>>> >>>>> Doesn't stuff up the images. >>>>> >>>>> Doens't result in a permanent horizontal scroll bar (IE at least). >>>> >>>> I didn't realize my thread was still alive! >>>> >>>> Dorayme is right that the image shifts down as the font size is >>>> increased. I never would have thought to check that and I find it odd >>>> that it does (FF3 at least). >>> >>> It happens in all browsers that support Text Zoom. >>> As I tried to explain to dorayme, it's a defect/fault of this Text Zoom >>> feature - it breaks a page by rendering it differently as intended by >>> the author by not changing the image size along with the text size. >> >> Text zoom does not render any of my pages differently from what I >> intended. I don't design a web page as a piece of paper; it isn't. > > Please don't throw variations of a clich? at me. Since I fail in making > myself clear, or what I say means nothing, here is a link that may > accomplish wherein I fail: ><http://www.mezzoblue.com/archives/2008/10/07/zoom/> There's little there of relevance. >>> That's why I think that Text Zoom is not a good idea. >> >> Are you saying that your viewers should not use the default text >> size they prefer? > > No. > >>> This is probably >>> why Chrome removed Text Zoom and replaced it with Page Zoom and why >>> Opera and IE also don't have Text Zoom. If text size only is desired >>> without the image 'interfering', then the best choice is to use Opera >>> which has the optional feature to totally NOT show images. >> >> Opera does do text zoom (I just tried it). > > What the ....? Can you give more? Don't play a dorayme on me. In Opera: > View/Zoom only gives Page Zoom options (Opera's only & default) > I just tried it and tried it before as well!!! > If it changes image size along with text size, it's Page Zoom, which it > does and is. There is no option for Text Zoom that I can see. Tell me > how you achieved Text Zoom in your Opera. Actiually, it's half and half. I went to <http://cfaj.freeshell.org/webcentric/> and zoomed. The text and the image in the header increased in size. The images on the right stayed the same (and even shrunk under larger zoom!). At very high zoom, the page breaks: the text overlaps the images. That happens in both Opera and Firefox. In Firefox, the page breaks sooner under page zoom than under text zoom. >>>> Myself, I always check to see if text zoom only breaks the page, I've >>>> never though of checking in Page Zoom, after all it is just a magnifier >>>> and I agree that horizontal scrollbars are terrible creations. >>> >>> As far as my understanding goes, Page Zoom is not a magnifier at all, >>> but changes the text size the same as Text Zoom, but ALSO changes the >>> image size. Show me a page where Page Zoom cannot be used to check for >>> page breakage, but Text Zoom can. >> >> Any page at all. When a user has a different default font size, >> the images don't change their size, only the text changes. > > I'm sorry, but this is not an answer to my question. Yes it is. Page zoom does not do the same thing as changing the default size, so using it to check for a different default size is meaningless. > BTW, "any page" is not so in response to my question and the rest simply > states the behavior of Text Zoom. Of course. Text zoom emulates a different default size; page zoom doesn't. >>> Regarding the horizontal scrollbar, take dorayme's submission: >>> <http://dorayme.netweaver.com.au/alt/imgCentreProposal.html> >>> where using Page Zoom creates a the horizontal scrollbar. Simply adding >>> (for example) max-width:100%; to #container will prevent the >>> scrollbar and limit the container to the viewport. > > No comment on this? I guess it didn't impress you at all? No. Page zoom doesn't interest me at all. -- Chris F.A. Johnson <http://cfajohnson.com> =================================================================== Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
From: jeff on 17 Jan 2010 20:47
Jonathan N. Little wrote: > jeff wrote: >> Jonathan N. Little wrote: >>> jeff wrote: >>> >>>> I was unaware of the shift, but I think it is partially in response to >>>> the fact that wide aspect (16:10 rather than 4:3) high res monitors are >>>> common. Try looking at a common 750px or 1000px fixed width layout at >>>> 1920. Ain't much there! >>>> >>>> http://www.w3schools.com/browsers/browsers_display.asp >>>> >>>> "57% higher than 1024". >>>> >>>> For most of us here it is a moot point as we design by default pages >>>> that stand up to some degree of text zoom. >>> >>> But monitor resolution != browser window unless you assume everyone >>> always surfs with browser maximized. Fact is they don't. >> >> Which has little to do with the point that, whatever size their browser >> is, the images and text are getting smaller. Particularly true with >> laptops that have a real physical size limit. > > Which means with higher resolution monitors one may more likely to have > larger default font-size, which effects the design like text-zoom and > therefore should be considered with good web page design. The point in this thread was about page zoom, something I have given little thought to. I have no objection to checking work with text zoom, although I do it as an afterthought. I seldom care beyond a few zoom levels, so we'll differ there, as we always have. You have any thoughts on Page Zoom? Jeff > |