[css-d] Style tag AFTER body tag?

2008-01-24 Thread Jennifer Knowles
Can I put the style tag below the body tag instead of in the head?  I 
am using CSS in an HTML email (not spam by the way) and have heard you 
want to do this for web based clients that chop off the head section.  I 
just wanted to make sure this was ok.  It seems to work ok for 
Thunderbird on my mac.  The CSS doesn't work though when I am authoring 
in Dreamweaver.
__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread James Leslie
Can I put the style tag below the body tag instead of in the head?  I
am using CSS in an HTML email (not spam by the way) and have heard you
want to do this for web based clients that chop off the head section.  I
just wanted to make sure this was ok.  It seems to work ok for
Thunderbird on my mac.  The CSS doesn't work though when I am authoring
in Dreamweaver.
__

In my experience of HTML email (I worked for a leading UK company for a
few months where all I did was code them, and this was their recommended
method), this is the most effective way to deliver styles within an
email, though it is not valid code wise.

HTH
James
__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread Matt Birch
Hi Jennifer,

Moving your style declarations to the body will work in more clients 
than keeping it in the head.

However, there are several clients (Gmail for one) which will also strip 
the HTML of anything
in between the style/style tags.

I'd recommend declaring all of your styles inline to try and increase 
compatibility. You may want
to have a look at Alex Dunae's premailer, which will take your final 
HTML document and return
the same document with the CSS converted to inline declarations. It's 
located at http://code.dunae.ca/premailer.web/

Regarding authoring in Dreamweaver, I'm guessing that DW expects the 
style declarations to be within the
head of the document, hence it is not applying them in the visual 
editor. So, if you move your declarations back
to the head for design, and then run the HTML through the pre-mailer 
script above, all should be fine!

Regards

Matt

Jennifer Knowles wrote:
 Can I put the style tag below the body tag instead of in the head?  I 
 am using CSS in an HTML email (not spam by the way) and have heard you 
 want to do this for web based clients that chop off the head section.  I 
 just wanted to make sure this was ok.  It seems to work ok for 
 Thunderbird on my mac.  The CSS doesn't work though when I am authoring 
 in Dreamweaver.
 __
 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/
   
__
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/


Re: [css-d] Two-column fluid layout

2008-01-24 Thread Murphy, Kristen Anne
Murphy, Kristen Anne wrote:

 I'm trying to create a two-column, fluid layout using the method
 described in this article:
 http://www.alistapart.com/articles/multicolumnlayouts/ (In short, the
 method involves creating the illusion of equal-height columns by
 making a div with a wide left border and then floating another div
 over that border.) I'm running into a few problems, to wit:

Thanks for the responses on this. I took a step back and started with a clean 
stylesheet based on one from the ALA article (instead of my original stylesheet 
which had been reworked a million times), and it's working much better now.

There are still a few problems with the width that I'm hoping someone can 
advise me on.

In Firefox and IE7, I'm getting a horizontal scroll bar. There's also 
approximately 1px worth of the body (red) showing through on the far right of 
the page. I'm guessing the two are related.

Also in Firefox and IE7, the min-width isn't working properly. It's supposed to 
be scalable down to 760px, but the white space between the film reel and the 
words Individualized Major Program isn't collapsing far enough.

In IE6, the min-width is not working at all. As the browser window shrinks, the 
banner breaks and Individualized Major Program slides under the images.

The relevant files are here:

HTML: http://imp.purplelagoon.org/index.shtml

CSS: http://imp.purplelagoon.org/css/imp.css

Min-width rules for IE6: http://imp.purplelagoon.org/css/iestyle.css


Thanks,
Kristen
[EMAIL PROTECTED]

__
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/


Re: [css-d] Why is a class ignored inside an ID?

2008-01-24 Thread Chris Broadfoot
Christian Kirchhoff wrote:
 Geoffrey Hoffman schrieb:

 Or, conversely, why doesn't a class' CSS override a parent container
 ID's CSS? It seems like it should.

 Tia,
 Geoff

   
 Hello,
 
 you might consider looking at this page:
 http://www.w3.org/TR/REC-CSS2/cascade.html#specificity
 
 The id selector is a higher specifity and the rule attached to it is 
 therefore chosen in the 1st example.
 
 Regards,
 
 Christian

Or check out this excellent explanation by Andy Clarke:
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

Chris
__
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/


[css-d] [OT] who do I have to sleep with...

2008-01-24 Thread Rob Emenecker

...for my posts to get to the list in a timely fashion. 
 
I sent a message to the list on Monday at 10:51 PM (-500 GMT) and I just
received a copy of it back from the list just moments ago (approx. 1:45 PM
on Wednesday 1/23, still -500 GMT). In looking through the header the lag
was not my server or the internet, but evolt.org.
 
So while there are brilliant minds on the list and I'm learning a lot, a
2-day lag (well, almost two days) is semi-defeating when I'm in a what the
heck is wrong with my CSS? mode.
 
Back to my point, who/where do I send inquiries about the list management.
There are no points-of-contact on ANY of pages linked to in the footers
tagged onto the messages.
 
Thanks,
Rob
__
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax) www.hairydogdigital.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/


[css-d] IE PC issue with footer, looks like negative margin

2008-01-24 Thread Bert Mahoney
Hi,

Having an issue with some css with a particular browser. Weird thing  
is this is not a consistent behaviour. On another computer with  
exactly the same browser the error does not come up. This page looks  
fine in Firefox.

The error appears to be a vertical negative margin issue. The footer  
of the page appears near the top and all the main content is not on  
screen.

Page to see: http://tinyurl.com/2qjorh

Layout css: http://tinyurl.com/3bv6jd
Type css: http://tinyurl.com/34e63l
Nav css: http://tinyurl.com/2v7uve
Section specific rules: http://tinyurl.com/2ztqpf

The browser that is the culprit showing the negative margin:

IE PC version 7.0.5730.11

Compare to FF and you should see.

If anyone can see the errant code I would be very appreciative.

Let me know if you have any questions.

__
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/


Re: [css-d] XHTML 1.0 Transitional and IE6

2008-01-24 Thread Gunlaug Sørtun
Michael Adams wrote:

 Using a two column negative margin layout, only IE5, IE5.5 and IE6
 all show the sidebar below the main content, though everything looks
 offset correctly in the x direction. First time i've tried working in
 quirks mode and wonder if anyone can see my overlooked issue.
 
 http://demo.realpeople.gen.nz

IE6 (regardless of mode) and below do not respect declared dimensions.
The result is a too wide sidebar - making it drop.

Adding...

* html #sidebar {overflow-x: hidden; margin-right: -10px;}

...will keep sidebar-width under control, and provide some extra space
for IE/win's calculation bugs.

regards
Georg
-- 
http://www.gunlaug.no
__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread Big Moxy
Jennifer,

Forget about Dreamweaver. It does a terrible job of supporting CSS 
formatting. It's best to use your local system for testing CSS formats.

Tim

Jennifer Knowles wrote:
 Can I put the style tag below the body tag instead of in the head?  I 
 am using CSS in an HTML email (not spam by the way) and have heard you 
 want to do this for web based clients that chop off the head section.  I 
 just wanted to make sure this was ok.  It seems to work ok for 
 Thunderbird on my mac.  The CSS doesn't work though when I am authoring 
 in Dreamweaver.
 __
 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/

   
__
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/


Re: [css-d] Two-column fluid layout

2008-01-24 Thread David Laakso
Murphy, Kristen Anne wrote:


 In Firefox and IE7, I'm getting a horizontal scroll bar. There's also 
 approximately 1px worth of the body (red) showing through on the far right of 
 the page. I'm guessing the two are related.

 Also in Firefox and IE7, the min-width isn't working properly. It's supposed 
 to be scalable down to 760px, but the white space between the film reel and 
 the words Individualized Major Program isn't collapsing far enough.


 http://imp.purplelagoon.org/index.shtml

 http://imp.purplelagoon.org/css/imp.css
 http://imp.purplelagoon.org/css/iestyle.css



 Kristen
   



And I am guessing that adding margin-left: -1px; to #content /may/ help 
get rid of the h-scroll bar.

On the body declaration you have min-width:760px; and padding-left; 
150px; so the width will never be less than 910px (I think).


Best,

~dL

-- 
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/


Re: [css-d] [OT] who do I have to sleep with...

2008-01-24 Thread Rob Emenecker
Alex Robinson wrote:
 Back to my point, who/where do I send inquiries about the list management.
 There are no points-of-contact on ANY of pages linked to in the footers
 tagged onto the messages.
 


 [EMAIL PROTECTED]


 That's odd, I thought it used to be on the page referenced at the 
 bottom of every single post

 http://www.css-discuss.org/mailman/listinfo/css-d

 but it's not.


 Rob, please send you mail transcript through so we can show it to the 
 evolt gang.


 Alex
 css-d moderator
 __
 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/

   
Shows up OK in my emails (tbird on WinXP), *but*, if a signature is 
attached, then the bottom text is faded.

Peter

__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread Rob Emenecker
Jennifer,

You may want to check out:
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_
in_emai_2.html

There is a handy charge you can download there, as well as good info as to
what CSS is/is not supported in mail clients.

As far as Dreamweaver, it is only a tool, it is not a web-browser, so you
should only use it for loose visual styling. It's handling of CSS from MX
-- MX04 -- 8 -- CS3 has improved by leaps and bounds. It does a very good
job of writing CSS for you, but like any tool, it tends to write bloated
code and use generic class names. 

Strictly speaking for valid (X)HTML, a STYLE element must be contained in
the HEAD element. If a browser or mail client reads and handles the STYLE
element below the BODY element, it's likely that the application is simply
trying to handle coding that does not adhere to the (X)HTML DTD and XML
Schema.

...Rob
 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Big Moxy
Sent: Thursday, January 24, 2008 8:40 AM
To: Jennifer Knowles
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Style tag AFTER body tag?

Jennifer,

Forget about Dreamweaver. It does a terrible job of supporting CSS
formatting. It's best to use your local system for testing CSS formats.

Tim

Jennifer Knowles wrote:
 Can I put the style tag below the body tag instead of in the head?  
 I am using CSS in an HTML email (not spam by the way) and have heard 
 you want to do this for web based clients that chop off the head 
 section.  I just wanted to make sure this was ok.  It seems to work ok 
 for Thunderbird on my mac.  The CSS doesn't work though when I am 
 authoring in Dreamweaver.
 __
 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/

   
__
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/

__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread Geoffrey Hoffman
Actually, I find Dreamweaver's CSS editing features to be extremely handy.

What Tim is referring to is how Dreamweaver interprets and displays
complex CSS in design mode. True, I agree it is lacking in this
area... In effect, it is yet another browser (it handles CSS rules
differently than FFX, Opera, IE, Safari, etc... the engine is most
like IE but there are differences...) so don't rely on it for exact
positioning  size. For simple things it works just fine. It also has
a Firebug-style DOM tree navigator that helps you remember what rule
is getting inherited by things as you click on it which is a huge time
saver while building up CSS rules.

But by all means, you can and should take advantage of the CSS editing
capabilities it has (especially if you already are using it for all
the other features.) It is much, much faster than typing in CSS rules
by hand.

Test the file locally, either by running Apache locally or just
dragging it into different browser windows.

You can always work on CSS in the head for testing  development 
using it within Dreamweaver, then move it to the body before sending
it via emailing (or use the pre-mailer page Matt sent.)

Geoff




On Jan 24, 2008 6:39 AM, Big Moxy [EMAIL PROTECTED] wrote:
 Jennifer,

 Forget about Dreamweaver. It does a terrible job of supporting CSS
 formatting. It's best to use your local system for testing CSS formats.

 Tim


 Jennifer Knowles wrote:
  Can I put the style tag below the body tag instead of in the head?  I
  am using CSS in an HTML email (not spam by the way) and have heard you
  want to do this for web based clients that chop off the head section.  I
  just wanted to make sure this was ok.  It seems to work ok for
  Thunderbird on my mac.  The CSS doesn't work though when I am authoring
  in Dreamweaver.
  __
  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/
 
 
 __
 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/

__
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/


Re: [css-d] Two-column fluid layout

2008-01-24 Thread Murphy, Kristen Anne
Murphy, Kristen Anne wrote:

 In Firefox and IE7, I'm getting a horizontal scroll bar. There's also 
 approximately 1px worth of the body (red) showing through on the far right of 
 the page. I'm guessing the two are related.

 Also in Firefox and IE7, the min-width isn't working properly. It's supposed 
 to be scalable down to 760px, but the white space between the film reel and 
 the words Individualized Major Program isn't collapsing far enough.


 http://imp.purplelagoon.org/index.shtml

 http://imp.purplelagoon.org/css/imp.css
 http://imp.purplelagoon.org/css/iestyle.css

 Kristen


David Laakso wrote:

And I am guessing that adding margin-left: -1px; to #content /may/ help get 
rid of the h-scroll bar.

On the body declaration you have min-width:760px; and padding-left; 150px; so 
the
width will never be less than 910px (I think).


You were right on both counts. Thank you!

Any ideas about the min-width in IE6?

Kristen
__
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/


Re: [css-d] [OT] who do I have to sleep with...

2008-01-24 Thread Dean Mah
 for my posts to get to the list in a timely fashion.

 I sent a message to the list on Monday at 10:51 PM (-500 GMT) and I just
 received a copy of it back from the list just moments ago (approx. 1:45 PM
 on Wednesday 1/23, still -500 GMT). In looking through the header the lag
 was not my server or the internet, but evolt.org.

Your message was received by mailman on the evolt.org server on:

Jan 21 21:51:25 2008 (6097) css-d post held: Post to moderated list

and was held because css-d is a completely moderated list.  A
moderated released your post on:

Jan 23 09:58:22 2008 (26205) held message approved

Dean
- on behalf of evolt.org
__
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/


Re: [css-d] Scaling type isn't expanding the container div

2008-01-24 Thread Kepler Gelotte

 I'm sure it's an easy fix but I'm missing it...

Hi Mike,

Try getting rid of the height: 165px; from the #content div.tab_section
style definition.

Regards,
Kepler Gelotte

__
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/


Re: [css-d] XHTML 1.0 Transitional and IE6

2008-01-24 Thread Michael Adams
On Thu, 24 Jan 2008 15:19:37 +0100
Gunlaug Sørtun wrote:

 Michael Adams wrote:
 
  Using a two column negative margin layout, only IE5, IE5.5 and IE6
  all show the sidebar below the main content, though everything looks
  offset correctly in the x direction. First time i've tried working
  in quirks mode and wonder if anyone can see my overlooked issue.
  
  http://demo.realpeople.gen.nz
 
 IE6 (regardless of mode) and below do not respect declared dimensions.
 The result is a too wide sidebar - making it drop.
 
 Adding...
 
 * html #sidebar {overflow-x: hidden; margin-right: -10px;}
 
 ...will keep sidebar-width under control, and provide some extra space
 for IE/win's calculation bugs.
 

Much appreciated, and credited you in the comments :)

-- 
Michael

All shall be well, and all shall be well, and all manner of things shall
be well

 - Julian of Norwich 1342 - 1416
__
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/


Re: [css-d] [OT] who do I have to sleep with...

2008-01-24 Thread Dean Mah
That would be an issue to take up with the css-d owner and moderators.
 evolt.org takes not manage the list, we only host it.

There must be reasons for the list being completely moderated and I
would suspect that the amount of time that a message is held is
related to the number of moderators and their schedules.

Dean
- on behalf of evolt.org


On Jan 24, 2008 3:37 PM, Big Moxy [EMAIL PROTECTED] wrote:

  That's unacceptable. We're posting for help and expecting something back in
 a reasonable amount of time. Having to wait 12 hours before a post is
 released results in losing a day's work.

  Tim Burkart

  Dean Mah wrote:


  for my posts to get to the list in a timely fashion.

 I sent a message to the list on Monday at 10:51 PM (-500 GMT) and I just
 received a copy of it back from the list just moments ago (approx. 1:45 PM
 on Wednesday 1/23, still -500 GMT). In looking through the header the lag
 was not my server or the internet, but evolt.org.




 Your message was received by mailman on the evolt.org server on:

 Jan 21 21:51:25 2008 (6097) css-d post held: Post to moderated list

 and was held because css-d is a completely moderated list. A
 moderated released your post on:

 Jan 23 09:58:22 2008 (26205) held message approved

 Dean
 - on behalf of evolt.org
__
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/


Re: [css-d] Style tag AFTER body tag?

2008-01-24 Thread Geoffrey Hoffman
Matt, that rocks.
Thanks for sharing - I had the thought that someone may have made an
external-css-to-inline-css converter for just that reason.
Brilliant.


On Jan 24, 2008 3:34 AM, Matt Birch [EMAIL PROTECTED] wrote:
 You may want
 to have a look at Alex Dunae's premailer, which will take your final
 HTML document and return
 the same document with the CSS converted to inline declarations. It's
 located at http://code.dunae.ca/premailer.web/
__
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/


Re: [css-d] Scaling type isn't expanding the container div

2008-01-24 Thread Susan Grossman
 http://nancyray.accountsupport.com/index0.php
 http://nancyray.accountsupport.com/bct.css

 The layout is still crap but it's coming together. I can't figure out why
 the type under the Presstek Ad isn't pushing the div below it down when I
 scale the type.


#content div.tab_section {
display: block;
margin: 0px;
padding: 5px;
height: 165px;   ***  you have a specified height here  ***
}

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
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/


Re: [css-d] Scaling type isn't expanding the container div

2008-01-24 Thread Gunlaug Sørtun
Michael Stevens wrote:
 http://nancyray.accountsupport.com/index0.php

 I can't figure out why the type under the Presstek Ad isn't pushing 
 the div below it down when I scale the type.

Setting a height like you have...

#content div.tab_section {
height : 165px;
}

...has that effect in compliant browsers.

regards
Georg
-- 
http://www.gunlaug.no
__
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/


Re: [css-d] Why is a class ignored inside an ID?

2008-01-24 Thread Arlen Walker

On Jan 23, 2008, at 10:06 AM, Geoffrey Hoffman wrote:

 #outer { border:4px solid red; }
 #outer a { color:red; }
 .inner { border:4px solid green; }
 .inner a { color:green; }

The why has been answered well, but let me chime in. If you want it  
green, simply replace

.inner { border:4px solid green; }
.inner a { color:green; }

with

#outer .inner { border:4px solid green; }
#outer .inner a { color:green; }

and you'll have it green.

Get used to the cascade and specificty rules, and you can create some  
interesting effects.

Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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/


[css-d] [ADMIN] Re: [OT] who do I have to sleep with...

2008-01-24 Thread Alex Robinson
At 16:08 -0700 24/1/08, Dean Mah wrote:
That would be an issue to take up with the css-d owner and moderators.
  evolt.org takes not manage the list, we only host it.

There must be reasons for the list being completely moderated and I
would suspect that the amount of time that a message is held is
related to the number of moderators and their schedules.

Dean
- on behalf of evolt.org


Thank you Dean

The fault is mine. I misread Rob's initial email and thought that 
this had been happening to him repeatedly (rereading it, it patently 
says nothing of the kind).

We hold new subscribers' posts for moderation to make sure that they 
are not spammers signing up to unleash their wicked ways. Once we've 
seen that a new poster is ok, then we unmoderate them. Of course, the 
mailman interface doesn't allow us to see when subscribers signed up 
or when they were unmoderated which might have checked my foolhardy 
blustering. Though probably not, since today there has been a lag of 
at least several hours with mail which was probably the thing which 
led me furthest up the wrong path.

Idiot moderator. Let me remind myself (and others on the list) of 
this passage in the list's guidelines:


If it's taking a long time for your post to show up, wait. When 
traffic flows are heavy and the server gets overtaxed, it can be a 
few hours before your message gets processed and sent out to 
everyone. On the other hand, if you can see from the timestamps that 
people who posted after you have had their messages go out, something 
else may be wrong. Wait a while longer, and then contact the list 
administrators. Do not post a test message to the list. It will 
either have no effect, or make you look foolish.

http://www.css-discuss.org/policies.html

Mail can take a long time.



   That's unacceptable. We're posting for help and expecting something back in
  a reasonable amount of time. Having to wait 12 hours before a post is
  released results in losing a day's work.

   Tim Burkart


I don't know where this quote came from, but I'd like to take this 
opportunity to address it.

You only have to wait for approval the very first time you post. As 
often as not, that approval is given within a couple of hours, if not 
even sooner.

The list exists as a community resource. No one is owed anything by 
the list. If someone loses a day's work because their question wasn't 
answered quickly enough for them (whether the delay was caused by 
slothful moderators or apathy from the list in general), then that, I 
am afraid, is their lookout.

Don't leave things to the last minute. Don't expect instant miracles 
from the list. Treat it right and it will treat you right too. Spread 
the CSS love...


Alex Soon to be sleeping with the fish Robinson
css-d moderator
__
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/


[css-d] Multiple Column Lists

2008-01-24 Thread Adam Hardy
1 4 7
2 5 8
3 6 9

I read the article Do You Want To Do That With CSS? - Multiple Column Lists 
[1] by Holly Bergevin and John Gallant online about how to display lists across 
multiple columns and make the item order follow the columns rather than flow 
along the rows.

At the end they round off the article with the sentence this technique is only 
useful for static pages, and cannot be made to easily work in a dynamic page 
where unknown numbers of list items may be included 

... which is a slight drawback since that's exactly what I'd like to do!

Is there any way to change the flow in the browser to vertical, like for 
instance with Chinese text? Or am I dreaming?

Regards
Adam






[1] http://www.communitymx.com/content/article.cfm?page=2cid=27F87

__
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/


Re: [css-d] Two-column fluid layout

2008-01-24 Thread Alan K. Gay


-Original Message-
From: Alan K. Gay [mailto:[EMAIL PROTECTED] 
Sent: Thursday, January 24, 2008 11:04 AM
To: css-d@lists.css-discuss.org
Subject: RE: [css-d] Two-column fluid layout


Kristin, I'm not versed in the hack you are using for min-width on IE6.  I
do observe that if I resize my browser while viewing the page, the nav
section gets overlayed on the main text.  Refreshing the screen resolves the
problem, but not ideal. IE also supports a proprietary expression that will
recalculate width based on port size using js in the style  (in the form of
width: expresssion (blah blah blah)), but it in my experience it's
cumbersome to use, and while it recalculates dynamically as users resize
their browser while viewing the page, I've seen it to causes IE to crash on
occasions.  The other choises are to design around the requirement or
include a fixed width element (like a 1px high transparent image) that is
uncompressible and therefore forces the horizontal scroll.  All ugly
choices.

Your 1px red border problem is easier... You have content with a width of
100% and a 1px left border... So your total width is 100%+1px.  Change your
width to 99.5% or something like that and the red stripe disappears.  You
should also eliminate the right border on menu... It is unneeded if you want
a 1px border between menu and content.  An alternative that works in FF is
to give content a left margin of -1px, though I don't know if that works in
IE7.

Finally, in FF, it appears the -170px margin on your elements is being
subtracted from the width of the body, so FF thinks it's body is 760 when it
is really 930.  Setting min-width to 760-170=590 seems to solve your problem
in FF.  


Alan K. Gay 
[EMAIL PROTECTED]
BuyMetrics, Inc.
Atlanta, GA



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Murphy, Kristen
Anne
Sent: Wednesday, January 23, 2008 5:06 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Two-column fluid layout


Murphy, Kristen Anne wrote:

 I'm trying to create a two-column, fluid layout using the method
 described in this article: 
 http://www.alistapart.com/articles/multicolumnlayouts/ (In short, the 
 method involves creating the illusion of equal-height columns by 
 making a div with a wide left border and then floating another div 
 over that border.) I'm running into a few problems, to wit:

Thanks for the responses on this. I took a step back and started with a
clean stylesheet based on one from the ALA article (instead of my original
stylesheet which had been reworked a million times), and it's working much
better now.

There are still a few problems with the width that I'm hoping someone can
advise me on.

In Firefox and IE7, I'm getting a horizontal scroll bar. There's also
approximately 1px worth of the body (red) showing through on the far right
of the page. I'm guessing the two are related.

Also in Firefox and IE7, the min-width isn't working properly. It's supposed
to be scalable down to 760px, but the white space between the film reel and
the words Individualized Major Program isn't collapsing far enough.

In IE6, the min-width is not working at all. As the browser window shrinks,
the banner breaks and Individualized Major Program slides under the
images.

The relevant files are here:

HTML: http://imp.purplelagoon.org/index.shtml

CSS: http://imp.purplelagoon.org/css/imp.css

Min-width rules for IE6: http://imp.purplelagoon.org/css/iestyle.css


Thanks,
Kristen
[EMAIL PROTECTED]

__
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/



__
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/


Re: [css-d] Multiple Column Lists

2008-01-24 Thread Jim Davis

 Is there any way to change the flow in the browser to vertical, like for
 instance with Chinese text? Or am I dreaming?



Here is a link to information about a JavaScript / CSS3 implementation of
what you are interested in.
http://www.csscripting.com/wiki/index.php?title=Main_Page

Unfortunately, this solution requires a browser that includes the css3
multi-column module, such as Firefox or Opera.

Jim
__
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/


Re: [css-d] Extra vertical space between LI elements in IE

2008-01-24 Thread Erik Domingo
Validated the markup - except for an issue with a bit of javascript in the
footer, the page is valid Strict XHTML. I also tried removing all the
whitespace between LI tags, but the extra vertical space is still showing
in IE6  7.

Thoughts?

TIA,
Erik

On Jan 23, 2008 5:35 PM, David Laakso [EMAIL PROTECTED] wrote:

 Erik Domingo wrote:
  I'm having a problem with an unordered list...]
 

  Erik Domingo
 


 Validate the markup. Write back if you still drop the float in IE/6.0
 and have more vertical space between the li's in IE6  7.

 --
 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/


Re: [css-d] checkbox + IE 7 + zoom = overlapped text

2008-01-24 Thread Philippe Wittenbergh

On Jan 25, 2008, at 7:42 AM, j s wrote:

 If using IE7, and then Zoom In, the checkbox on the page linked below
 overlaps the text next to it. I've tried putting margins around the
 checkbox, padding, using display properties, but nothing seems to
 help. Anyone have any suggestions?

 http://inkpixelspaper.com/clients/rbmstaticsite/
 .


http://www.brunildo.org/test/ie7_badzoom.html
for more.

Let us know how you ended up 'fixing' it.


Philippe
---
Philippe Wittenbergh
http://l-c-n.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/


Re: [css-d] [ADMIN] Re: [OT] who do I have to sleep with...

2008-01-24 Thread Rob Emenecker
Hi Alex and Dean,

Let me clarify. Several weeks back this was not happening. I don't post
frequently, however when I posted this week there was a significant lag.
Approximately 36 hours. That seemed like an unnecessarily long time for a
message because (a) I've posted in the past and posts showed up in a timely
fashion (2-3 hours), and (b) I could not see any reason that even if
messages from me were still be moderated, that it should take upwards of 36
hours for them to be released. (For a recent post, I had given up assuming
that it was accidentally squashed by the evolt.org server.)


Since I've posted to the list before and previously had message show up in a
more timely fashion -- albeit many hours -- but still timely, I was
concerned that recently my posts where taking 12+ hours to show up. 

As you pointed out in the guidelines, it can be several hours before a
post shows up. However, my expectation is that several hours means
something of a magnitude of 2-3 hours, not 12-36 hours. 

Also, as the guideline points out, contact the list administrators. I
would have done that if the moderator info was readily available. I ended up
having to send a post with a COLORFUL subject line in the hopes of getting a
moderator's attention. That's not exactly an efficient -- even if it is
effective -- way to contact the list administrators.

 You only have to wait for approval the very first time you post. As 
 often as not, that approval is given within a couple of hours, if 
 not even sooner.
 
Okay, but according to Dean my post was held for moderation. This was not my
first post, or second, or third, etc. So the approval never seems to have
happened and my posts are still be moderated, which brings me back to the
12-36 hour lag time.

So, I guess I'll know where everything stands once I hit the SEND button
on this reply and see WHEN it shows up on the list.

...Rob

__
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/


Re: [css-d] [ADMIN] Re: [OT] who do I have to sleep with...

2008-01-24 Thread Rob Emenecker
 So, I guess I'll know where everything stands once I hit the SEND 
 button on this reply and see WHEN it shows up on the list.

Okie dokie. 3 minutes from send to receiving a copy back. This kid will
sleep tonight knowing that the world is once again a happy place!

Consider this thread done and over!

Peace out!


__
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/


Re: [css-d] Two-column fluid layout

2008-01-24 Thread David Laakso
Murphy, Kristen Anne wrote:
 Murphy, Kristen Anne wrote:
   
 In Firefox and IE7, I'm getting a horizontal scroll bar. There's also 
 approximately 1px worth of the body (red) showing through on the far right 
 of the page. I'm guessing the two are related.

 Also in Firefox and IE7, the min-width isn't working properly. It's supposed 
 to be scalable down to 760px, but the white space between the film reel and 
 the words Individualized Major Program isn't collapsing far enough.


 http://imp.purplelagoon.org/index.shtml

 http://imp.purplelagoon.org/css/imp.css
 http://imp.purplelagoon.org/css/iestyle.css

 Kristen

 

   
 You were right on both counts. Thank you!

 Any ideas about the min-width in IE6?

 Kristen
   


Hmm.

Suppose you go to the market and buy 5 pounds of apples, and 5 pounds of 
berries, and 5 pounds of cherries. And the clerk tells you she regrets 
that the 15 pounds of fruit you bought simply will not fit in the 3 
pound /paper/ bag you want to take it home in.

What do you guess she might say if you asked her to put the 15 pounds of 
fruit in a 3 pound /plastic/ bag?

Best,

The Clerk of the Works




















-- 
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/