Re: [css-d] Variable width of menu

[Dave M G]

Philippe,

Thank you for responding.

> If/when you want to add an additional , you'll have to adjust the  
> width of the div; that is the correct behaviour given the fixed width  
> of the div.

Okay, I understand.

The bottom line is that the menu can't be automatically expandable to 
compensate for a varying number of  items.

It's a little disappointing, but I can live with it. I'm not expecting 
the menu to change so often that I can't cope with having to adjust the 
CSS at the same time.

Thank you for having explained the situation to me.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Variable width of menu

[Philippe Wittenbergh]

On Jun 10, 2007, at 12:12 AM, Dave M G wrote:

> Philippe,
>
> Thank you for responding.
>
>> ...it breaks in Firefox 2.0.0.x, and that is a bug...
>> b1. add a width back to the div. 7.5em seems to work fine.
>>
>
> Sorry, but I'm a little unclear on what the expected results should  
> be.
> Do you mean that applying a 7.5em width will make it a minimum of  
> 7.5em,
> or that I should settle for a fixed width?
>
> I did all the changes you suggested, and in the end, the width is  
> fixed
> at 7.5em. If I make changes to the menu items, such as ad a new  
> one, new
>  items will get bumped below the others and the menu will expand
> vertically, not horizontally.
>
> So I just thought I should confirm what results I should be expecting.

In Firefox 2.0, if you don't set a width on the div, it will expand  
to the available width of the parent block - it _should_ shrinkwrap.

If/when you want to add an additional , you'll have to adjust the  
width of the div; that is the correct behaviour given the fixed width  
of the div.

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] CSS Quirks Comparison Chart?

[Rick Faircloth]

Thanks, David!

I'll check it out...

Rick

-Original Message-
From: David Hucklesby [mailto:[EMAIL PROTECTED] 
Sent: Saturday, June 09, 2007 12:30 PM
To: Rick Faircloth; css-discuss
Subject: Re: [css-d] CSS Quirks Comparison Chart?

On Thu, 7 Jun 2007 19:38:13 -0400, Rick Faircloth wrote:
[...]
>
> Is there some nice chart somewhere that explains concisely what the coding
differences
> are between those (and other) browsers that I have to consider?
>
[...]

Hopefully these will help:





Cordially,
David
--



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Safari problem?

[David Hucklesby]

On Fri, 8 Jun 2007 08:56:32 -0400, Suzanne Goodwin wrote:
> I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in 
> all the
> browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) 
> except for
> Safari. On the two longer pages (Work and Customers) Safari seems to be 
> dropping
> div#bottom way, way down on the page. It seems fine on the shorter pages 
> however. I am
> using a script to force equal column lengths (http://208.76.80.155/
> ~czcejymt/js/equalcolumns.js), but I don't know whether that's the culprit or 
> not.
>
> Could someone also let me how the site looks in IE6 Win? Thanks so much.
>

Hi Suzanne,
Here on Win xp Pro it looks good on IE7 - same as on FF 2 and Opera 9.
But I'm getting a distrubing flashing of all background images in IE6.

Hopefully, that is due to my IE6 install being Tredosoft's "multi-IE"
version, rather than a bona fide install. So seek a second opinion.

Cordially,
David
--



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Clearing absolutely positioned elements

[Shelly]

Thanks for that - I didn't even notice it was doing that.  Too bad, 
though - I was all excited there for a second ;)

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Clearing absolutely positioned elements

[Audra Coldiron]

> Ingo is still right.  This page is just absolutely positioning  
> everything and using overflow hidden to keep things from  
> overlapping.  But that means text is lost/hidden if it can't fit (try  
> increasing your tet size to see what I mean).  It may look like  
> clearing, but it isn't.

I could be wrong (wouldn't be the first time) but it looks to me like 
it's all done with iframes and javascript.  I'm not sure what the 
advantage of doing things this way would be as opposed to simply using 
floats but it was interesting none the less :-)

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Clearing absolutely positioned elements

[Roger Roelofs]

Shelly,

On Jun 9, 2007, at 1:54 PM, Shelly wrote:

> I know I don't contribute a lot to this list (kind of hard to offer
> advice when you're in the ranks that some of you all are in - I
> sometimes feel like a Private standing in front of Patton, if you know
> what I mean) - but I found something I thought was interesting.
I know how you feel.  I felt the same way a few years ago and Zoe had  
to push me to participate on-list.

> I was having an issue with an "experiment" someone laid on the the  
> other
> day, and I was - for a short time - looking for a way to "clear" an
> absolutely positioned div in the same way you could clear a float.  I
> was pretty sure it couldn't be done (in fact, in my search, I found a
> response from Ingo to a thread written a little over a year ago that
> specified "no" to this exact question - which sort of made it a  
> definite
> for me).
>
> However, I *did* find this:
>
> http://www.shauninman.com/assets/examples/si-clear-absolutes-1.6/ 
> nested.html
Ingo is still right.  This page is just absolutely positioning  
everything and using overflow hidden to keep things from  
overlapping.  But that means text is lost/hidden if it can't fit (try  
increasing your tet size to see what I mean).  It may look like  
clearing, but it isn't.

-- 
Roger Roelofs



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Clearing absolutely positioned elements

[Shelly]

I know I don't contribute a lot to this list (kind of hard to offer 
advice when you're in the ranks that some of you all are in - I 
sometimes feel like a Private standing in front of Patton, if you know 
what I mean) - but I found something I thought was interesting.

I was having an issue with an "experiment" someone laid on the the other 
day, and I was - for a short time - looking for a way to "clear" an 
absolutely positioned div in the same way you could clear a float.  I 
was pretty sure it couldn't be done (in fact, in my search, I found a 
response from Ingo to a thread written a little over a year ago that 
specified "no" to this exact question - which sort of made it a definite 
for me).

However, I *did* find this:

http://www.shauninman.com/assets/examples/si-clear-absolutes-1.6/nested.html

Now, I haven't given it a good look, and I only tested it in Firefox 2.0 
and IE 6 and 7.  But whatever it is this guy did, it seems to work.  I 
was wondering if I could get some alternate thoughts on this method. 
Where could you see it being "bad" to use?  Has anyone seen anything 
like this before? (and for the record, I don't know what the "CDATA" is 
for, or what effect it has on this method...)

I thought it was pretty interesting, and just wanted to get some input 
on what you all thought of it.

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] CSS Quirks Comparison Chart?

[David Hucklesby]

On Thu, 7 Jun 2007 19:38:13 -0400, Rick Faircloth wrote:
[...]
>
> Is there some nice chart somewhere that explains concisely what the coding 
> differences
> are between those (and other) browsers that I have to consider?
>
[...]

Hopefully these will help:





Cordially,
David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Firefox problem with menu's

[David Hucklesby]

On Thu, 7 Jun 2007 13:31:38 +0100, Nic Pulford wrote:
>
> http://lasadev.com/NewLasa/articles.htm now try and click on the menu link 
> for home. On
> my version of firefox 2.0.0.4 you only get the hand cursor when the cursor is 
> about
> level with and only over the area equivalent to an underline. Which is not 
> very good
> for anybody yet alone poor mouse users.
>

Hi Nic,
I am not seeing this problem here - FF 2.0.0.4 on Win xp Pro.

>
> The other problem is with the popup window that is opened if you click on one 
> of the
> links to articles from the page above. There neither of the menu links work 
> at all, no
> mouseover and click does nothing.
>

I get the popup, too! It looks like your problem is local to your
test setup.  :\

There are some problems that I do see, however:

- If JavaScript is disabled, I get a font size of 8px. That's 
equivalent to a point size of 4pt on my laptop. Almost invisible.

- The popup text displays at 10px - 6pt equivalent here.
That's a bit small for comfort, especially on a complete article.

- You have a file name suffix of .htm so, absent some clever server-
side tricks, browsers "see" HTML. But your DOCTYPE is XHTML 1.1
which is intended to be displayed as XHTML only. I suggest using a 
file name suffix of .xhtml[1] or use XHTML 1.0.

- I'd also suggest using regular links in place of a popup. With the
increasing popularity of popup blockers, visitors are likely to have
problems with accessing the articles.

>
> IE and Opera are OK.
>
But Opera has a built-in popup blocker. The Google toolbar adds
one to IE.

I am also getting the same teensy text with JS turned off.
(FWIW - I usually turn off JS when visiting sites unknown.)

[1] But note that IE (alone) can't handle such files.

Cordially,
David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Site Check Please Footer Problem

[Del Wegener]

Good Morning;
I have very slowly learned how to use CSS for text formating etc. and use 
those techniques on most of my new pages.
I have now created my first CSS layout page and  would appreciatesome 
feedback from the experts before converting hundreds of pages.
Please take a look at

http://www.drdelmath.com/essays/reading_mathematics/css_reading_mathematics_tip1.htm
and
http://www.drdelmath.com/essays/reading_mathematics/css_copyright_page.html
with style sheets
http://www.drdelmath.com/essays/style_sheet_essays_normal.css
and
http://www.drdelmath.com/essays/style_sheet_essays_projection.css

All the strange colors are simply to show me where various block elements 
are located -- that will get changed.  In view of that please point out any 
errors and bad practices.
The "projection" style sheet is identical to the "normal" style sheet except 
for font sizes.

Notice the footer (copyright) location on the two pages.  Its location is 
okay when there is a lot of text in the content div ( as on the 
css_copyright_page.html).  On short pages (like 
css_reading_mathematics_tip1.htm) I would prefer to have the footer appear 
at the bottom of the window not at the bottom of the text.
How can I force the footer to the bottom of the window when the amount of 
text is small?
The same problem occurrs with printing -- the footer appears at the end of 
text rather than bottom of the last page.  Can I fix this with CSS?

My next step will be to replace the menu with a fly-out menu.

Thanks for any suggestions.

Del
[EMAIL PROTECTED]


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Variable width of menu

[Dave M G]

Philippe,

Thank you for responding.

> ...it breaks in Firefox 2.0.0.x, and that is a bug...
> b1. add a width back to the div. 7.5em seems to work fine.
>   

Sorry, but I'm a little unclear on what the expected results should be. 
Do you mean that applying a 7.5em width will make it a minimum of 7.5em, 
or that I should settle for a fixed width?

I did all the changes you suggested, and in the end, the width is fixed 
at 7.5em. If I make changes to the menu items, such as ad a new one, new 
 items will get bumped below the others and the menu will expand 
vertically, not horizontally.

So I just thought I should confirm what results I should be expecting.

Thank you for your help.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Footer stick not going all the down.

[Ingo Chao]

Jon Hughes wrote:
> I was doing SO good! All the way through the entire page without asking
> css-d for any help... then came the footer :(
> 
> I tried FooterStick and FooterStickAlt and I get the same result: the footer
> starts at the bottom of the browser, not the bottom of the content (which
> would lead me to believe html, body, and the parent element don't have
> height:100%... but they do!
> 
> Anyone see anything wrong with this?
> 
> http://phazm.com/
> 
> 

The div.textwrap does not contain the descendant floats #mainwrap and 
#secondarywrap.

Next, #pagewrap has a fixed height of 366px.

The inner floats are sticking out of div.textwrap and #pagewrap.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/