On Wed, Jul 6, 2011 at 8:25 PM, Philippe Wittenbergh <e...@l-c-n.com> wrote: > > On Jul 7, 2011, at 6:15 AM, Tom Livingston wrote: >>>> http://proof.mlinc.com/mlinc.com/2012/whyus/ > >> Im aware of the lack of mobile styles. More will be coming, however I >> was referring to the containing 'outer' divs that have a 100% width. >> On my iPhone, they do not seem to honor that 100% width. Is there a >> way to get them to be 100% wide on the phone? > > Well, Mobile Safari does honor your width:100% :-). You've declared the > viewport width to be the device width (meta tag). > The problem is that the top (black) part of your page specifies 955px, and > MobileSafari then shrinks your page. And then the contents of your 100% > wrappers is much wider than the device width (left column is 700px). The > content of those wrappers thus overflows. Nothing wrong, all according to > spec. > > Another way of viewing your problem: open a 600px wide window in your > favourite, standard compliant desktop browser. Load your page. Scroll to the > right. Enjoy the black hole. > > see also the discussion in this thread (last month), starting here: > http://archivist.incutio.com/viewlist/css-discuss/116009 > > Philippe > -- > Philippe Wittenbergh > http://l-c-n.com/ > >
Im a little confused about this. I have what i'm calling 'outer' wrappers with 100% width. The dark header, the content and footer. Within those I have containers that are 955px wide, containing column floats etc. How can one column of my content, which is 700px, be wider than the max 955px? Anyway, I removed the device-width meta, and the page renders correctly. Is it better to set the meta at a width of, say, 1000px in this case, or is removing it all together be a better solution? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/