Re: [css-d] CSS Formatting

2006-07-17 Thread Yehuda Katz
Sure it is. Adding clearing elements, and the ensuing additional CSS (or
extra clearing markup), makes code less readable for, in most cases, no good
reason. Since overflow: hidden or overflow: auto does the trick, the whole
issue of clearing floats becomes essentially a non-issue, and saves extra
markup.

On 7/17/06, Ingo Chao <[EMAIL PROTECTED]> wrote:
>
> Yehuda Katz wrote:
> > Essentially, I created a set of CSS Formatting guidelines designed to
> get
> > designers to create readable CSS that other designers could quickly get
> up
> > to speed on.
> >
> > The "spec" is available in PDF form at
> > http://www.yehudakatz.com/CSSf-1-5-1-Spec.pdf.
> >
>
> "The purpose of the CSSf specification is to provide a standard way to
> write CSS that will be consistent and readable."
>
>
> "b. Use
> overflow: auto or overflow: hidden, not clearing elements, to clear
> floats where possible."
>
> I do not see why a specification that is about readability tries to
> prescribe what technique I should use, even if the author of the
> specification possesses evidence that he knows the best technique, which
> would be a separate discussion. This is not about formatting.
>
> Ingo
>
> --
> http://www.satzansatz.de/css.html
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Yehuda Katz
Web Developer
(ph)  718.877.1325
(fax) 718.686.4288
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] container div doesn't grow to hold images

2006-07-16 Thread Yehuda Katz
Do this:

Add overflow: hidden and margin-left: 0 to your #right div.

-- Yehuda Katz

On 7/16/06, Ann Adamcik <[EMAIL PROTECTED]> wrote:
>
> - Original Message 
> From: Ivar van Duuren <[EMAIL PROTECTED]>
>
> I have a problem with a page of a personal page.
> The url is this: http://www.gritter.org/trouwen/pics.html
>
> As you'll see, the pictures are not contained by their parent div.
> To me it looks like they float but in the css they're not defined as
> floating...
> -
>
> Hi Ivar,
>
> You've got markup errors on this page.  See
>
> http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gritter.org%2Ftrouwen%2Fpics.html
>
>  should be   See if fixing those helps...
>
> Looks like it was a nice wedding.  Congratulations!
>
> -Ann
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Yehuda Katz
Web Developer
(ph)  718.877.1325
(fax) 718.686.4288
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] CSS Formatting

2006-07-16 Thread Yehuda Katz
Hi guys,

Michael Geary of the jQuery list suggested I continue a discussion I started
there on this list related to CSS.

Essentially, I created a set of CSS Formatting guidelines designed to get
designers to create readable CSS that other designers could quickly get up
to speed on.

The "spec" is available in PDF form at
http://www.yehudakatz.com/CSSf-1-5-1-Spec.pdf.

An example stylesheet formatted almost 100% according to the CSSf spec is
available at http://www.yehudakatz.com/sample.css. I say almost 100% because
I'm using it in a production setting, and I've changed the spec somewhat
after a spirited conversation on the jQuery list.

I also use a Ruby on Rails implementation of Sean Inman's SSC, which
definitely further simplifies the CSS and makes it more readable. You can
take a look at the SSC structure at http://paste.css-standards.org/1500. I'm
not sure how long those pastebins last.

-- 
Yehuda Katz
Web Developer
(ph)  718.877.1325
(fax) 718.686.4288
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/