Re: [css-d] Using CSS to control width of page.
G'day, Thanks. I can understand that in theory but I do not know how to put it into practice. Robin Chapple At 23/04/2011 05:34 PM, you wrote: Hi I think you have to create a div inside the body tag and assign the width attribute to it. Manuel Molina -Mensaje original- From: Robin Chapple Sent: Saturday, April 23, 2011 8:45 AM To: css-d@lists.css-discuss.org Subject: [css-d] Using CSS to control width of page. This is my first attempt at CSS for control of page display. Previously I used tables and CSS for the text, How do I set a width limit for anything that appears on a page. I tried this which does not work: body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; color: #88; background: White; valign:top; width: 800px } Many thanks, Robin Chapple __ 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/ --- Texto añadido por Panda GP 2011: Este mensaje NO ha sido clasificado como SPAM. Si se trata de un mensaje de correo no solicitado (SPAM), haz clic en el siguiente vínculo para reclasificarlo: http://localhost:6083/Panda?ID=pav_407&SPAM=true&path=C:\Windows\system32\config\systemprofile\AppData\Local\Panda%20Security\Panda%20Global%20Protection%202011\AntiSpam --- __ 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/
Re: [css-d] Using CSS to control width of page.
Robin Chapple wrote: How do I set a width limit for anything that appears on a page. Do you mean setting a width limit, or setting width? I tries this which does not work: body { [...] width: 800px } That's setting the width. To set the width limit, use max-width instead. What do you mean by "does not work"? Post a URL, please. There are dozens of things that might make browsers ignore some CSS settings. If you mean exceeding the 800px width a bit, then that's probably due to default margin or padding for or . You need to set them too if you want to be pixel-exact. Content that cannot possibly fit into the specified width or max-width will overflow. Handling of overflow depends on CSS settings and on the browser. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ 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/
Re: [css-d] Using CSS to control width of page.
On 23/04/11 07:45, Robin Chapple wrote: This is my first attempt at CSS for control of page display. Previously I used tables and CSS for the text, How do I set a width limit for anything that appears on a page. I tries this which does not work: body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; color: #88; background: White; valign:top; width: 800px } Many thanks, Robin Chapple Hi Robin, That's working OK in Firefox & Chromium on Linux. Can you explain "does not work" in more detail? You've missed the semi-colon after "width: 800px" - I don't know if that might be causing problems in whichever browser you're using. If you're trying to centre the content on the screen, then you need to add "margin: auto;" to your CSS. Separate point - "valign" is not a CSS property. Hope that helps. Lesley __ 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/
Re: [css-d] Using CSS to control width of page.
Lesley Lutomski wrote: > You've missed the semi-colon after "width: > 800px" - I don't know if that might be causing problems in whichever > browser you're using. It's not missing, it is omitted; as in Algol-68, semi-colon is a separator in CSS, not a terminator. Philip Taylor __ 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/
Re: [css-d] Using CSS to control width of page.
On 23/04/11 15:02, Philip Taylor (Webmaster, Ret'd) wrote: > You've missed the semi-colon after "width: > 800px" - I don't know if that might be causing problems in whichever > browser you're using. It's not missing, it is omitted; as in Algol-68, semi-colon is a separator in CSS, not a terminator. Thank you - I stand corrected. Now I shall go and look up Algol-68 to improve my education still further! Lesley __ 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/
Re: [css-d] Using CSS to control width of page.
On 4/23/11 12:56 AM, Robin Chapple wrote: G'day, Thanks. I can understand that in theory but I do not know how to put it into practice. Robin Chapple At 23/04/2011 05:34 PM, you wrote: Hi I think you have to create a div inside the body tag and assign the width attribute to it. Manuel Molina -Mensaje original- From: Robin Chapple This is my first attempt at CSS for control of page display. Previously I used tables and CSS for the text, How do I set a width limit for anything that appears on a page. Hi Robin, To get you going with CSS layouts, I suggest you study Layout Gala.[1] There are 40 different layouts that use a single HTML markup. :) [1] http://blog.html.it/layoutgala/ -- Cordially, David __ 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/
Re: [css-d] Using CSS to control width of page.
At 15:02 +0100 4/23/11, Philip Taylor (Webmaster, Ret'd) wrote: You've missed the semi-colon after "width: 800px" - I don't know if that might be causing problems in whichever browser you're using. It's not missing, it is omitted; as in Algol-68, semi-colon is a separator in CSS, not a terminator. That is hands-down the best (as in most accurate and concise) explanation of the semicolon's role in CSS that I've ever seen. I'm definitely filing that one away for future use. Thank you! -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone "CSS is much too interesting and elegant to be not taken seriously." -- Martina Kosloff (http://mako4css.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/
Re: [css-d] Using CSS to control width of page.
> Date: Sat, 23 Apr 2011 15:27:50 +0100 > From: c...@islaywebdesign.co.uk > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Using CSS to control width of page. > > Thank you - I stand corrected. Now I shall go and look up Algol-68 to > improve my education still further! > You will only succeed in wasting your time because it is not useful anymore. Delphi will be more useful if you want to learn something new. __ 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/
Re: [css-d] Using CSS to control width of page.
Many thanks to all those who replied to my question. I have learned a lot. In the event I did use the Gala templates. Regards, Robin Chapple At 24/04/2011 01:34 AM, you wrote: On 4/23/11 12:56 AM, Robin Chapple wrote: G'day, Thanks. I can understand that in theory but I do not know how to put it into practice. Robin Chapple At 23/04/2011 05:34 PM, you wrote: Hi I think you have to create a div inside the body tag and assign the width attribute to it. Manuel Molina -Mensaje original- From: Robin Chapple This is my first attempt at CSS for control of page display. Previously I used tables and CSS for the text, How do I set a width limit for anything that appears on a page. Hi Robin, To get you going with CSS layouts, I suggest you study Layout Gala.[1] There are 40 different layouts that use a single HTML markup. :) [1] http://blog.html.it/layoutgala/ -- Cordially, David __ 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/ __ 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/
Re: [css-d] Using CSS to control width of page.
John D wrote: You will only succeed in wasting your time because it is not useful anymore. Delphi will be more useful if you want to learn something new. Responded to off-list. Philip Taylor __ 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/