On Oct 8, 2011, at 11:55 AM, David Laakso wrote:
> On 10/8/11 2:28 AM, John wrote:
>> Link: http://coffeeonmars.com/testing/Fix_WPR_Wire.html
>
> Yes, margin-left 50px is fine. On the other hand, you could reduce the width
> of the content block by 50px and and change all the margin-left to zero [will
> give a shorter line-measure that may make the paragraph text easier to read].
> Line-height[leading] is best set once in a unitless raw number [I used 1.45].
> The elements can then simply be adjusted using margin top/bottom or padding
> top/bottom when necessary... as in the header]. Use headings h1-through h6 to
> set the outline of the document, and the document's content. A simple example
> is here: <http://chelseacreekstudio.com/jaj.html>
David;
Thank you, that was very instructive. I agree with you 100% that a narrower
paragraph is easier to read. Thank you! I have a few questions about your
comments. I understand all you said, but when I tried eliminating my
margin-left 50s and making the content block shorter by 50, the whole thing
didn't left-align with the type in the header at the very top.
So, I did the #content a bit differently than you:
Yours: #content {border : 1px dashed #fff; color : #111311; width : 820px;
margin : 0 auto; }
Mine: #content {border: 1px dashed #fff; color: #111311; width: 650px;
margin: 0 0 0 150px;}
Is this a valid way for me to move that block?
Also, why do Win IE/6 and Win Firefox 6.0.2 break the #content h1 and the <p>
so heinously as it does? Link:
http://www.coffeeonmars.com/testing/IE6TypeBreak.jpg
thank you,
John
______________________________________________________________________
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/
