Elizabeth Farley wrote: > >> Elizabeth Farley wrote: >> >> >>> How can I tweak this website so that the bottom part of the site would be >>> better visible on a widescreen laptop? >>> >>> http://elizabethfarley.web.officelive.com/StoneTheater/index.html >>> >>> Thanks so much, >>> >>> >>> >> >> >> >> >> >> I suppose that depends on what you mean by "better visible." >> >> Personally, I'd think /think/ "white-space." Open it vertically -- >> widescreen, or not... >> >> #wrapper {border:1px solid red;padding-top:50px;} >> #navBar {border:1px solid red;margin-bottom:50px;} >> #mainArea {border:1px solid red;margin-bottom:50px;} >> >> >> Best, >> ~d >> >> >> >> -- >> http://chelseacreekstudio.com/ >> >> >> > David, > I see what you are saying - spread out the elements on a vertical line, but > can I manipulate the css (ie using a percentage like you would on widths) to > make it fluid based on the height of the screen? So that the taller the > screen the more spread out the elements and the shorter the screen the > closer the elements (no scrolling vertically or horizontally)? > > Is there a way to do that? Should I be spending more time "googling" this > concept? Sorry if I am asking a question with an obvious answer.... > >
I am not sure that /percent/ will work for creating vertical spacing of horizontal gutters. Nevertheless, and either way, yes -- it is possible -- to manipulate height [ and width ] depending on user screen width [dpi], and or media, using CSS3 "media queries" [1]. I do not see any big deal in that media queries is /not/ supported in IE 6/7/8 [but your client may]: It is promised for the forthcoming IE 9. For wide-screen see the final example [2] at max-width 1300. Best, ~d w3c media queries [1] <http://www.w3.org/TR/css3-mediaqueries/> responsive web design [2] <http://www.alistapart.com/articles/responsive-web-design/> -- desktop http://chelseacreekstudio.com/ ______________________________________________________________________ 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/
