Re: [css-d] Older browser trouble for parish.stornge.com

[Jonathan Hayward]

Thanks to Multiple IE working (finally!) I've found a workaround that
presents the site reasonably on IE6.

On Fri, Jan 1, 2010 at 3:09 PM, Jonathan Hayward
 wrote:
> I've made a development site at http://parish.stornge.com/ that works
> fine on FF3.5, IE8, Safari, and Chrome. On AOL Explorer (?3?) and
> reportedly on older IE, the gradients lining either side of the page
> display, but all the content in between is blank.
>
> What should I be looking at to cooperate with these other browsers?
> Are there usual suspects/usual hacks so that nuts-and-bolts CSS like
> I've used there at least degrade gracefully, and preferably look
> attractive on IE6?
>
> --
> → Jonathan Hayward, a Senior Web Developer who cares deeply about usability
> → www.linkedin.com/in/jonathanhayward • jonathan.hayw...@pobox.com
> → Ajax, CGI, CMS, CSS, HTML, IA, JSON, JavaScript, LAMP, Linux, Perl,
> PHP, Python, UI, Unix, Usability, UX, XHTML, XML
> → With a good interest in the human side of computing and making
> software and websites a joy to use
>



-- 
→ Jonathan Hayward, a Senior Web Developer who cares deeply about usability
→ www.linkedin.com/in/jonathanhayward • jonathan.hayw...@pobox.com
→ Ajax, CGI, CMS, CSS, HTML, IA, JSON, JavaScript, LAMP, Linux, Perl,
PHP, Python, UI, Unix, Usability, UX, XHTML, XML
→ With a good interest in the human side of computing and making
software and websites a joy to use
__
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] Books for webdesign

[Tomasz Kisielewski]

Hi all

Great site , there are lots of different books on amazon personally I used
web design in nutshell, CSS cookbook, CSS definite guide all from O'Reilly
and.. hand codding, practice and experiments. Most of the books are simply
manuals with very little "tips". I have found site for e-books download
http://www.wowebook.com/, I am not sure about legal issue copyrights etc (
it is not torrent site).. but if you can't afford buying one on amazon(
to make it clear I don't want to promote piracy, I am not sure about legal
status of this site) There is also lynda.com company provides video
tutorials, not for free. One which I can recommend is CSS site design by
Eric Meyer, there are other tutorials as well.

Tom

On Fri, Jan 1, 2010 at 6:46 PM, Jen Strickland  wrote:

> Hi Srinivas, I recently made a list for a number of people who were
> asking me.  It's online at:
>
> http://inkpixelspaper.com/info/
>
> I hope you find it useful. ~ Jen
> __
> 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/

[css-d] Older browser trouble for parish.stornge.com

[Jonathan Hayward]

I've made a development site at http://parish.stornge.com/ that works
fine on FF3.5, IE8, Safari, and Chrome. On AOL Explorer (?3?) and
reportedly on older IE, the gradients lining either side of the page
display, but all the content in between is blank.

What should I be looking at to cooperate with these other browsers?
Are there usual suspects/usual hacks so that nuts-and-bolts CSS like
I've used there at least degrade gracefully, and preferably look
attractive on IE6?

-- 
→ Jonathan Hayward, a Senior Web Developer who cares deeply about usability
→ www.linkedin.com/in/jonathanhayward • jonathan.hayw...@pobox.com
→ Ajax, CGI, CMS, CSS, HTML, IA, JSON, JavaScript, LAMP, Linux, Perl,
PHP, Python, UI, Unix, Usability, UX, XHTML, XML
→ With a good interest in the human side of computing and making
software and websites a joy to use
__
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] Books for webdesign

[Jen Strickland]

Hi Srinivas, I recently made a list for a number of people who were  
asking me.  It's online at:

http://inkpixelspaper.com/info/

I hope you find it useful. ~ Jen
__
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] Can anybody help me figure out what is messing up this template?

[Skip Knox]

You don't say which version of IE (that's significant), but my IE8 refuses
to display the page at all. That is, it displays the page and it appears
that it will be correct, but almost at once an error comes up, IE8 says it
cannot display the page and it goes to an IE8 error page and your page
disappears. Very weird. I'm not an IE8 user, though, so I can't help there.

FWIW, it displays fine in Chrome as well.


Skip Knox
Boise State University



On Fri, Jan 1, 2010 at 10:23 AM, Jordan Lee Wagner wrote:

> In Internet Explorer only, the contents of the right column are invisible,
> and the individual articles in the big central block are also invisible. The
> dimensions of these areas are correct, but they are empty.
>
> But it does not happen in Firefox.
>
> Here are the three problematic pages:
>
> http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=141&Itemid=116
>
> http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=115&Itemid=115
>
> http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=113&Itemid=117
>
> Thanks for your attention.
>
>
>
> __
> 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] Squeaking in one more question for 2009 - IE6 crashes on my contact pg

[Brian M. Curran]

>>  From: Brian M. Curran
>>  Subject: [css-d] Squeaking in one more question for 2009 - IE6 crashes 
>> on my contact pg
>>  Sent: 01 Jan '10 13:23
>>  Hi All,
>>  My CSS and HTML validate, but when I try to view my 'contact' page in 
>> IE6 the browser crashes. Anyone see a CSS issue on my contact page that 
>> would make IE6 crash? site: www brianmcurran com
>>  Sincerely,
>>  Brian

> From: John
> Brian,
> It will not crash the IE6 browser if you comment out or remove the 
> "#sideBar p:first-letter" rule from the "styleContact.css" stylesheet.
> Cheers,
> John

Thanks John, this worked. I actually moved the first-letter command to  
and now it works without crashing. I have no idea why this works with  
but not .
Sincerely,
Brian 

__
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] Can anybody help me figure out what is messing up this template?

[Jordan Lee Wagner]

In Internet Explorer only, the contents of the right column are 
invisible, and the individual articles in the big central block are also 
invisible. The dimensions of these areas are correct, but they are empty.


But it does not happen in Firefox.

Here are the three problematic pages:
http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=141&Itemid=116
http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=115&Itemid=115
http://CarpetvilleInc.com/index.php?option=com_content&view=article&id=113&Itemid=117

Thanks for your attention.


__
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] font-size smaller on IE 8 [error correction]

[Alan Gresley]

MEM wrote:
(snip
> HOWEVER I need to have equal height columns as well, here:

Drop the equal height columns. This is making IE6 show that 
margin-bottom of 30,000px.


> http://www.chequedejeuner.nuvemk.com/educa.infantil

(snip)
> Dispersing,
> Márcio


Ok we had.

*LESS IS BETTER*


This also applies to the HTML or XHTML. You have divs wrapping elements 
that don't need to be there. This leave us with my second rule.

*FIX HTML BEFORE ATTEMPTING TO FIX CSS*


I have removed most if not all unnecessary HTML. Didn't touch the 
footer. Now moving onto to the CSS. First get rid of that reset.css. It 
is not needed. This is making it harder to follow all that 
inconsequential CSS. Remove all CSS that is targeting nothing. You may 
not want to move on to this template yet but please study it and 
consider using it over your current code.




Tested in FF3, IE8, IE7 (IE8 Compat Mode IE7) and Safari 4.

BTW, IE6 needs special attention since the page falls apart but it is 
way closer to the mark than your current code.

The code only needs one IE7 hack.

*:first-child+html #conteudoProdutoHome {
   padding-bottom:28px;
}


-- 
Alan http://css-class.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/