[css-d] ADMIN: css-d wiki progress

2010-02-04 Thread Eric A. Meyer 
Hello all,

Here's the latest on the wiki (http://css-discuss.incutio.com/) 
cleanup and upgrade:

- The wiki has been, we believe, 99%+ cleaned of spam links.  We 
may even have reached 100%, but there's always the chance one or two 
were missed.  If anyone finds a page where we missed a splink, please 
let me know off-list.
  List member Bill Braun, who turns out to be local to me and 
therefore will be collecting as many rounds as I can buy him as soon 
as we can sync our schedules, was a huge help in this effort, and I 
want to publicly thank him for all his effort.  We all owe him a 
great debt of gratitude.

- As I mentioned before, there were some pages that were either 
damaged or lost entirely.  These are now listed on 
http://css-discuss.incutio.com/?page=SpamEdits (and if you want to 
see how Bill and I went about the cleanup, check out that page's 
document history).  They will be restored to the extent possible 
using the Wayback Machine.

- The truly amazing folks at Incutio have already done a test 
import to MediaWiki, and it's looking VERY promising.  The importing 
script does a fair amount of formatting translation so that ~95% of 
the pages will just move over smoothly.  The URL structures will 
necessarily change in MediaWiki, but there will be permanent 
redirects to ensure that all the old URLs continue to work.
  Some things can't be automatically translated, and that's where 
the people who volunteered their help after my last posting will come 
in.  Once we've moved into MediaWiki, I'll unleash the volunteer army 
to do consistency checks.
  On a related note, if anyone knows of a good-looking, 
minimalist, and freely-available MediaWiki skin, please let me know 
about it off-list.

That's it for the time being.  As I said before, many thanks to 
everyone for your patience through this spamfiltration and the 
subsequent cleanup.

-- 
Eric A. Meyer (e...@meyerweb.com) http://meyerweb.com/
__
css-discuss [cs...@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-d] (no subject)

2010-02-04 Thread Woody Woodman 

I'm having difficulty determining why my columns at www.mlsmailinginc.com are 
overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac. Also, 
although I've read just about every sticky-footer explanation I can find, when 
I try to implement the fixes, they don't work as evidenced at the site. Seeking 
any advice on what I am missing. 

Thanks in advance,

Woodie
  
_
Your E-mail and More On-the-Go. Get Windows Live Hotmail Free.
http://clk.atdmt.com/GBL/go/201469229/direct/01/
__
css-discuss [cs...@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] (no subject)

2010-02-04 Thread Rod Castello 

--- On Thu, 2/4/10, Woody Woodman  wrote:

From: Woody Woodman 
Subject: [css-d] (no subject)
To: css-d@lists.css-discuss.org
Date: Thursday, February 4, 2010, 5:24 PM


I'm having difficulty determining why my columns at www.mlsmailinginc.com are 
overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac. Also, 
although I've read just about every sticky-footer explanation I can find, when 
I try to implement the fixes, they don't work as evidenced at the site. Seeking 
any advice on what I am missing. 

Thanks in advance,

Woodie

__
 
Hi Woodie,
Maybe the 63 validation errors in your HTML or the 38 validation errors in your 
CSS have something to do with it. Try working on fixing those first. Maybe one 
of them is causing your problem.

Rod Castello              
_
Your E-mail and More On-the-Go. Get Windows Live Hotmail Free.
http://clk.atdmt.com/GBL/go/201469229/direct/01/
__
css-discuss [cs...@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 [cs...@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] (no subject)

2010-02-04 Thread David Laakso 
Woody Woodman wrote:
> I'm having difficulty determining why my columns at www.mlsmailinginc.com are 
> overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac. 

It's because you have left: 2em; on #nav (and it does overlap in mac 
ff/3.5.7.



In your style sheet, delete these:
/**/
/*#container-head */
/**/


Amend this selector:
#nav {
position: absolute;
left: /*2em delete*/  0;
top: 135px; width: 1em; 
padding:0;
margin: -1px 0 0 -1px;
font: 1em verdana, arial, sans-serif;
text-align: left;
color: #ff; }   







> Also, although I've read just about every sticky-footer explanation I can 
> find, when I try to implement the fixes, they don't work as evidenced at the 
> site. Seeking any advice on what I am missing. 
>   



Validate the markup and css and bring it back to the list.



> Thanks in advance,
>
> Woodie
> 
>
>   





Best, ~d


-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@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-d] positioning text in a table cell

2010-02-04 Thread Cyril Motsch 
Hi,
I have an html table, and I want to put into each cell 3 snippets of  
text:

- "text 1" at the top, centered,
- "text 2" at the bottom left,
- "text 3" at the bottom right.

I manage to have "text 1" correctly placed with a property "vertical- 
align:top" of the "td" element, and to have "text 2" and "text 3"  
horizontally placed with a float, but I don't know how to move down  
the block "text 2 ... text 3". Of course it can be done manually by  
specifiying a distance, but I consider this brittle and inelegant, to  
say the least.

Furthermore, "text 2" is actually something like "blah blahsup", and I end up with the baseline of "text 3" aligned with that  
of "sup" !

Thank you very much in advance if you can help a poor newbie.

cyber

__
css-discuss [cs...@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-d] abs positioned element getting pushed down by sibling's margins?

2010-02-04 Thread Ari Army 
So I had a repeating background on the body tag.
and had 2 child divs. The 1st one must be positioned absolutely to match the
repeating background on body tag...
so i put a 'position: relative' on the body tag,
and a 'position: absolute' on the #picture div... the #picture may end up
going behind the 2nd sibling content div #content so hence why another
season why its absolutely positioned.

Anyway, the 2nd div (#content) has margins that shouldnt affect the
absolutely positioned div (i think?), but it does for some crazy reason I
cant figure out (in FireFox 3.5.7 btw).

If I remove the 'position: relative;' tag off body and apply it to the #blah
containing div, same result...

if i remove 'position: relative' and allow it to default at the
viewport/body then it works... i just am wondering why it doesnt work when i
put 'position:relative' it on body tag.

So basically here is a test case:
http://arianhojat.com/temp/test.html

Thanks for any theories!,
Ari
__
css-discuss [cs...@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-d] Navigation positioning awry?

2010-02-04 Thread Laurie Landry 
For this page:

http://laurielandry.com/homepage.html

and using the subsequent CSS 
http://laurielandry.com/assets/templates/laurielandry/css/primary_test.css 
, I'm trying to figure out why the UL is shift over.

In some browsers, the links are centered  with the white box as  
desired, but in Firefox 2.0 (PC) the navigation links is shifted over  
in the correct positioning with the UL area.

I want the UL (outlined in red) to be centered with the white box, not  
shifted over so much.

I'm really stumped on why this is happening, and how to correct it.

Thanks in advance,

Laurie
__
css-discuss [cs...@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] positioning text in a table cell

2010-02-04 Thread David Hucklesby 
On 2/4/10 11:04 AM, Cyril Motsch wrote:
> Hi,
> I have an html table, and I want to put into each cell 3 snippets of
> text:
>
> - "text 1" at the top, centered,
> - "text 2" at the bottom left,
> - "text 3" at the bottom right.
>

Have you tried absolute positioning? Mind you, I don't know how well AP
works with table cells. In 7 years I have used very few tables...

Cordially,
David
--

__
css-discuss [cs...@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] Navigation positioning awry?

2010-02-04 Thread David Hucklesby 
On 2/4/10 2:31 PM, Laurie Landry wrote:
> For this page:
>
> http://laurielandry.com/homepage.html
>
> and using the subsequent CSS 
> http://laurielandry.com/assets/templates/laurielandry/css/primary_test.css
> , I'm trying to figure out why the UL is shift over.
>
> In some browsers, the links are centered  with the white box as
> desired, but in Firefox 2.0 (PC) the navigation links is shifted over
> in the correct positioning with the UL area.
>
> I want the UL (outlined in red) to be centered with the white box, not
> shifted over so much.
>
> I'm really stumped on why this is happening, and how to correct it.
>

Hmm. Yes. The UL is positioned 50% of the container width to the right 
in all my (Mac) browsers, just as you tell it, but FF 2 is ignoring your 
instruction to position the LIs 50% of the UL width to the left. In 
fact, it ignores the 'position: relative;' on those LIs completely.

There is a solution to centering horizontal menus on listamatic[1], but 
it relies on using 'display: inline;' so that 'text-align: center;' 
works. But that does not allow you to put top and bottom borders and 
padding on the links. Adapting that design by putting 'display: 
inline-block;' on the A element solves that for most browsers. But FF 2 
does not 'do' 'inline-block'...

I tried using 'display: -moz-inline-box;' locally here, and that seems 
to work. Might be worth a try.

[1] http://css.maxdesign.com.au/listamatic/horizontal27.htm

BTW - the design is very fragile - even a small increase in text size 
creates weirdness... :(

Cordially,
David
--

__
css-discuss [cs...@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] Navigation positioning awry?

2010-02-04 Thread David Laakso 
Laurie Landry wrote:
> For this page:
>
> http://laurielandry.com/homepage.html
>
> and using the subsequent CSS 
> http://laurielandry.com/assets/templates/laurielandry/css/primary_test.css 
> , I'm trying to figure out why the UL is shift over.
>
> Laurie
>   


Laurie, a less complex construct will yield better results for you 
cross-browser.
Cursory checked in IE 6/7/8, FF/2.0.0.2, FF/3.5.7, and the latest ver 
Mac Safari.
Note both changes to markup and css files.
It is just roughed in-- tweak to taste.

html

css


In general, throughout your layout, you may want to re-consider and 
abandon all that absolute positioning and setting of heights. These make 
for a brittle layout that is easily broken by young children and their 
grandparents :-) .

Best,
~d

-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@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] Navigation positioning awry?

2010-02-04 Thread David Hucklesby 
On 2/4/10 2:31 PM, Laurie Landry wrote:
> For this page:
>
> http://laurielandry.com/homepage.html
>
> and using the subsequent CSS 
> http://laurielandry.com/assets/templates/laurielandry/css/primary_test.css
> , I'm trying to figure out why the UL is shift over.
>
> In some browsers, the links are centered  with the white box as
> desired, but in Firefox 2.0 (PC) the navigation links is shifted over
> in the correct positioning with the UL area.
>
> I want the UL (outlined in red) to be centered with the white box, not
> shifted over so much.
>
> I'm really stumped on why this is happening, and how to correct it.
>

Missing from my earlier reply--

The UL is positioned to the right because of this rule:

/* position the UL from the left by half the container width */
div.navcontainer ul {
...
left: 50%;
position: relative;
...
}

You then attempt to center the links by this rule:

/* position the LIs away from the right by half the UL width */
div.navcontainer ul li {
float: left;
...
position: relative;
right: 50%;
}

But Firefox 2 seems to ignore the 'position: relative;' - apparently 
because of the 'float: left;' declaration.

If you move the float declaration and margins from the LIs to the rule 
for 'div.navcontainer ul li a' I think you'll find browsers agree. (Not 
well tested.)

Hopefully my previous suggestion works for you.

Cordially,
David
--








__
css-discuss [cs...@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-d] Issues with IE and Borders

2010-02-04 Thread Cody Sickler 
Hello, I seem to be having trouble with styling an iframe in Internet
Explorer. The CSS I'm using it to style is:
 #emailBody {
border-left: 3px dashed #003c6a;
padding-left: 2%;
width: 75%;
height: 80%; }

Am I doing anything wrong, or is this just something I can't get around?
__
css-discuss [cs...@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] Issues with IE and Borders

2010-02-04 Thread David Laakso 
Cody Sickler wrote:
> Hello, I seem to be having trouble with styling an iframe in Internet
> Explorer. The CSS I'm using it to style is:
>  #emailBody {
>   border-left: 3px dashed #003c6a;
>   padding-left: 2%;
>   width: 75%;
>   height: 80%; }
>
> Am I doing anything wrong, or is this just something I can't get around?
>   


I dunno. No crystal-ball on this end. What version of IE are you using? 
And what is wrong with your page?
If you mean a horizontal scroll bar, then wrapping it in a division 
sometimes helps.
Please see:


Best,
~d

-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@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] Issues with IE and Borders

2010-02-04 Thread David Laakso 
Cody Sickler wrote:
> Thank you for the prompt reply, and I understand I was being vague.
> I've also noticed it's occurring in Firefox as well. I'm currently
> using IE8, but was using it to look at IE7 as well. When I set it in
> quirks mode, it "sort of" works, it extends the iframe's height and
> width correctly, but everything is isn't like I wanted it to be.
>
> I figure that actually taking a look at it would work best:
> http://cosi.exofire.net/sview
>
>   

I have sent the above reply to the list so that others on the list may have an 
opportunity to see your page and answer your question...


Best,
~d






-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@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] Issues with IE and Borders

2010-02-04 Thread David Laakso 
David Laakso wrote:
> Cody Sickler wrote:
>   
>> Thank you for the prompt reply, and I understand I was being vague.
>> I've also noticed it's occurring in Firefox as well. I'm currently
>> using IE8, but was using it to look at IE7 as well. When I set it in
>> quirks mode, it "sort of" works, it extends the iframe's height and
>> width correctly, but everything is isn't like I wanted it to be.
>>
>> I figure that actually taking a look at it would work best:
>> http://cosi.exofire.net/sview
>>
>>   
>> 
>
> I have sent the above reply to the list so that others on the list may have 
> an opportunity to see your page and answer your question...
>
>
> Best,
> ~d
>
>
>   



Since it does not seem to work as you intend in IE/7, IE/8, and I 
assume, it is not working as you intend in Firefox, is there any browser 
in which it is working the way you think it should?
Is it working as intended in Mac and PC Safari?

~d










-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@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] Issues with IE and Borders

2010-02-04 Thread Cody Sickler 
I'm not sure if works on the Mac version of Safari, but the Windows
version it works as I intended it to, and it also works on Google
Chrome. I haven't tested Opera yet.

On Fri, Feb 5, 2010 at 12:11 AM, David Laakso
 wrote:
> David Laakso wrote:
>>
>> Cody Sickler wrote:
>>
>>>
>>> Thank you for the prompt reply, and I understand I was being vague.
>>> I've also noticed it's occurring in Firefox as well. I'm currently
>>> using IE8, but was using it to look at IE7 as well. When I set it in
>>> quirks mode, it "sort of" works, it extends the iframe's height and
>>> width correctly, but everything is isn't like I wanted it to be.
>>>
>>> I figure that actually taking a look at it would work best:
>>> http://cosi.exofire.net/sview
>>>
>>>
>>
>> I have sent the above reply to the list so that others on the list may
>> have an opportunity to see your page and answer your question...
>>
>>
>> Best,
>> ~d
>>
>>
>>
>
>
>
> Since it does not seem to work as you intend in IE/7, IE/8, and I assume, it
> is not working as you intend in Firefox, is there any browser in which it is
> working the way you think it should?
> Is it working as intended in Mac and PC Safari?
>
> ~d
>
>
>
>
>
>
>
>
>
>
> --
> desktop
> http://chelseacreekstudio.com/
> mobile
> http://chelseacreekstudio.mobi/
>
>
__
css-discuss [cs...@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-d] Table width 100%

2010-02-04 Thread Steffan A. Cline 
I have a div set to 600px wide and 400px tall. Inside I load different
height tables so I have overflow: scroll to make the div scrollable. On FF
and Safari, If I set the table width to 100%, it stretches from the left
side of the vertical scroll bar with no horizontal scroll bar. On MSIE, it
runs to the width of the div to the right side of the vertical scroll bar
and then shows the horizontal scroll bar. Is there anyway to trick IE to run
it to the left side of the scroll bar rather than the right without JS?



Thanks

Steffan

---
T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline  
stef...@execuchoice.net Phoenix, Az
http://www.ExecuChoice.net  USA
AIM : SteffanC  ICQ : 57234309
YAHOO : Steffan_Cline   MSN : stef...@hldns.com
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---



__
css-discuss [cs...@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/