Re: [css-d] Image within DIV alignment problem

2008-02-10 Thread Peter Hyde-Smith

- Original Message - 
From: "Doug Niven" <[EMAIL PROTECTED]>
Sent: Sunday, February 10, 2008 11:58 AM
Subject: [css-d] Image within DIV alignment problem


> Hi Folks,
>
> I've got a frustrating problem center-aligning images within a DIV, which
> can be seen here:
>
> http://niven.gotodon.net/slideshow7.html
>
> Though this does display correctly on some Windows browsers, it breaks in
> Firefox (Mac) and Safari (Mac). Here's a screen capture of what we're
> seeing:
>
> http://www.douglasniven.com/fineprint_draft.html
>
> Any ideas or suggestions? I'm spent.
>
> Many thanks in advance.
>
> Doug
>

Doug:

First, validate your mark up. Leaving aside the missing 'alt' attributes 
required by XHTML 1.0 Strict, you are missing the xmlns declaration; a link 
tag to your CSS needs to be (self) closed; and there is no  element. 
See where this gets you.

Best Regards,

Peter
www.fatpawdesign.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] Image within DIV alignment problem

2008-02-10 Thread Doug Niven
Hi Folks,

I've got a frustrating problem center-aligning images within a DIV, which
can be seen here:

http://niven.gotodon.net/slideshow7.html

Though this does display correctly on some Windows browsers, it breaks in
Firefox (Mac) and Safari (Mac). Here's a screen capture of what we're
seeing:

http://www.douglasniven.com/fineprint_draft.html

Any ideas or suggestions? I'm spent.

Many thanks in advance.

Doug



__
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] IE vs FF Textarea Font Size Inconsistent

2008-02-10 Thread Michael Adams
On Sat, 09 Feb 2008 18:38:14 -0500
Felix Miata wrote:

> On 2008/02/10 11:35 (GMT+1300) Michael Adams apparently typed:
> 
> > In addition Microsoft released the Core font set to the public and
> > though discontinued by Microsoft free distribution was allowed under
> > the original licence. These font are still being distributed third
> > party and have been installed on the Linux computers of those that
> > know what they are doing.
> > http://en.wikipedia.org/wiki/Core_fonts_for_the_Web
> 
> No distro I'm aware of installs them by default. There is no M$
> software available for Linux that will automatically install them as
> on a Mac. As a result, you can't expect them to be installed on Linux.
> 

Agreed to a certain point. Mint may install the core font set by
default.

> 
> > The Result *Helvetica is fine to use as a font for Linux Systems*.
> 
> > Apologies to the list for the way this has got OT, but i felt this
> > needed addressing in the forum it was raised to prevent others
> > taking Felix's information at face value.
> 
> No need to take my word for it. See for yourself what can happen when
> CSS specifies Helvetica on Linux:
> http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-072.png
> http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-096.png
> http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-120.png
> http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-144.png
> http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linuxmdv2005-096.png
> 
> All the above were shot on SUSE a couple years ago, but results were
> essentially the same on other distros, including Fedora and Mandriva.
> 

I went back as far as i could for this test (Mozilla1.6 on Mandrake10.0
circa 2004). 
http://www.comptutor.org/mytest/font-test-helvetica.html
http://www.comptutor.org/mytest/images/mozilla-helvetica.png

Looks to me like your test was possibly reverting to a default
bitmap system font because Helvetica was not installed. So i've thrown
in a font-family check indicating if it is installed. The Red H is
always the same size in case your browser minimum size limits the lower
end sizes. I had to cut my minimum from 14px to 6px for the test.

-- 
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] left sidebar float problems

2008-02-10 Thread Matthew Taylor
Hi Lisa,

The layout you are working from may not be ideal. The idea of using 
extremely long side columns and then chopping them off to make them equal is 
neat but it fails if you use anchor links within the content. May I suggest 
my 3 column layout instead:

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

It is a more robust design, has equal height columns, the main column comes 
first in the source,  it works in all the common web browsers and it doesn't 
use any CSS hacks. Check out this link for browser compatibility 
screenshots:

http://browsershots.org/http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

I hope that helps

- Matt =)


Matthew James Taylor
http://matthewjamestaylor.com




>I have a website I'm working on.  What I am trying to do is to have the
> sidebar carry down with the content so that it appears seamless. I've been
> reading http://www.alistapart.com/articles/holygrail  and trying to follow
> instructions. Now it seems I have too much sidebar carrying down..I'm so
> beyond frustrated, please advise.I need HELP!
>
> The site link is as follows:
>
> http://www.webgirlwebdesigns.com/testing/TriBeam/index.html

> I've tried adjusting the em variables and can't make it work.
>
> Any help would be appreciated.
>
> Thanks
>
> Lisa

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