Re: [css-d] IE6 peculiarity - need help to sort it

[Peter Hammarling]

Kenny, thanks for that tip - it is a neat solution. But seeing as the  
negative margin worked for me I'm going to leave well alone, guided by  
the motto "If it isn't broken, don't fix it".  Peter H.
__
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] Padding Browser Issue

[Els]

taestrada wrote:

> In IE7, the photos and the 2009-2010 Outdoor Programs have the same
> padding and the tops line up (as intended). But in Firefox, the
> Outdoor Programs box is about 9 pixels higher. I can't figure out
> why. Any ideas?
>
> http://wildernessawareness.org/index1.html

The top margin of the h2 collapses with the top margin of the 
#rightCol, forcing the #sidebar1 to extend upwards to encompass the 
h2's margin.

Fix: set that h2 inside #sidebar1 to have a top-margin of 0, or add a 
border-top to #sidebar1.

-- 
Els

__
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] Padding Browser Issue

[Philippe Wittenbergh]

On Apr 9, 2009, at 3:56 PM, taestrada wrote:

> In IE7, the photos and the 2009-2010 Outdoor Programs have the same  
> padding
> and the tops line up (as intended). But in Firefox, the Outdoor  
> Programs box
> is about 9 pixels higher. I can't figure out why. Any ideas?
>
>
>
> http://wildernessawareness.org/index1.html

This:
#sidebar1 h2 { /*stylesWAS1.css (line 121)*/
...
margin-top:-10px; /* 

Re: [css-d] Trying to emulate a LaTeX trick in CSS...

[Cristian Palmas]

2009/4/9 Chris Lee 

> In LaTeX, there's a package called 'tracking' which provides a few
> methods that will adjust letter spacing to fit a given chunk of text
> content to a specified width.
>
> I'd like to replicate the effect of:
>
> \fittrack{66ex}{$chapter}
>
> (where $chapter is likely to be a string that looks like "CHAPTER 9"
> or "CHAPTER 102")
>
> Since the length of the string will vary, a fixed letter-spacing size
> for all of the headings will result in a different width for
> single-digit chapters versus double-digit chapters (or triple-digit
> chapters).
>
> I was hoping that maybe I could do something like:
>
> div.tracked {
>  width: 66ex;
>  letter-spacing: auto;
> }
>
> but that doesn't seem to work in any browsers I've tried, since 'auto'
> isn't a valid value for the letter-spacing property.
>
> Any ideas? I guess I could just center the text and then work out a
> letter-spacing value that would be close enough for most things, but
> that feels like cheating to me. :)
>

Hi Chris,

Let me understand further...
If I got it, you want that all the chapter titles are in fixed width box
and, on second the length of the string, you want to adjust the letter
spacing in order to fit every chapter string title in the same box width.
Am I right?

By the way, the "ex" measure unit in CSS does not exist for width. You can
use, on second your needs: "px", "pt" (I recommend to use only for print
styles), "%" or "em".
See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for further info.
Regards

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
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] Problem with a header image in Opera 9.64

[Krystian - Sunlust]

Hi,

I'm using Opera 9.64 on Windows 7 Beta.

This website:
http://maleconcept.com/test/

Has the header image centered right, but on opera it slides a bit to the left.

Any ideas what bug is causing it or how to fix it?

Regards,

-- 
Krystian Szastok
Affordable, Freelance Web Designer in Eastbourne, East Sussex:
http://smewebsolutions.co.uk
Mobile UK (Orange): 07528 036 337
Call for more information or email me.
__
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] Trying to emulate a LaTeX trick in CSS...

[Cristian Palmas]

2009/4/9 Philippe Wittenbergh 

>
> On Apr 9, 2009, at 5:19 PM, Cristian Palmas wrote:
>
> > By the way, the "ex" measure unit in CSS does not exist for width.
> > You can
> > use, on second your needs: "px", "pt" (I recommend to use only for
> > print
> > styles), "%" or "em".
> > See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for
> > further info.
>
> That is incorrect. It is certainly possible to use 'ex' for width.
>
> the quote URL says:
> > Value: |  | auto | inherit
>
>
>  brings us to
> http://www.w3.org/TR/CSS21/syndata.html#value-def-length
>
> > There are two types of length units: relative and absolute. Relative
> > length units specify a length relative to another length property.
> > Style sheets that use relative units will more easily scale from one
> > medium to another (e.g., from a computer display to a laser printer).
> >
> > Relative units are:
> >
> > * em: the 'font-size' of the relevant font
> > * ex: the 'x-height' of the relevant font
> > * px: pixels, relative to the viewing device
>
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/


It seems I should have got further in the search... There always is
something new to learn about...
Thanks Philippe.

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
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] Problem with a header image in Opera 9.64

[Gunlaug Sørtun]

Krystian - Sunlust wrote:

> http://maleconcept.com/test/
> 
> Has the header image centered right, but on opera it slides a bit to 
> the left.

Something strange about that '.gif', but only Opera (all versions - at
least back to Op7.20) seems to react on it.

If I send the image through PhotoShop and saves it for web again - as
'.gif' or 8bit '.png', it lines up as intended but with white areas at
both sides. Those white areas are there in the original 2000px wide image.

I would reduce the image-canvas in width so the white areas at both
sides disappear - that's 1872px wide canvas with the image offset ever
so slightly (1px) to the right, and save it for web as either '.gif' or
'.png'.
That will make the header-image line up exactly as intended in
all browsers, and make it appear right on all window widths - tested on
3800px wide windows in Opera, Firefox and IE.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Problem with a header image in Opera 9.64

[Els]

Krystian - Sunlust wrote:

> I'm using Opera 9.64 on Windows 7 Beta.
>
> This website:
> http://maleconcept.com/test/
>
> Has the header image centered right, but on opera it slides a bit
> to the left.
>
> Any ideas what bug is causing it or how to fix it?

I see the same effect in Opera 9.63 on Windows XP.

Somehow Opera makes the image longer than it is.
If you set the position to 'right top' instead of  '50% 0', you'll see 
that the grey block on the right is double the width.
This is not a problem with the image itself, as when I call it in the 
browser separately, it shows it correctly, 5 equal size grey blocks on 
either side of the image.

I'd say it's a bug, but I don't know what causes it. I'd be interested 
to see what happens if that image would have two thin red borders on 
left and right side - would that red border be extended for 100 
pixels, or is there something else happening?

-- 
Els

__
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] Trying to emulate a LaTeX trick in CSS...

[Philippe Wittenbergh]

On Apr 9, 2009, at 5:19 PM, Cristian Palmas wrote:

> By the way, the "ex" measure unit in CSS does not exist for width.  
> You can
> use, on second your needs: "px", "pt" (I recommend to use only for  
> print
> styles), "%" or "em".
> See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for  
> further info.

That is incorrect. It is certainly possible to use 'ex' for width.

the quote URL says:
> Value: |  | auto | inherit


 brings us to
http://www.w3.org/TR/CSS21/syndata.html#value-def-length

> There are two types of length units: relative and absolute. Relative  
> length units specify a length relative to another length property.  
> Style sheets that use relative units will more easily scale from one  
> medium to another (e.g., from a computer display to a laser printer).
>
> Relative units are:
>
> * em: the 'font-size' of the relevant font
> * ex: the 'x-height' of the relevant font
> * px: pixels, relative to the viewing device

Whether you'll get consistent results in browser is a different  
matter. On Windows, the ex unit is really broken in Safari 4b+/Chrome,  
well implemented in IE 8 (Vista and Win 7 only) and Gecko browsers.  
Opera always treated it as 1/2 em. On Mac, it is half-broken in Safari  
4b+; it works fine in Gecko based browsers.

As for the original question, as asked, that cannot be done in CSS –  
yet. Some kind of text-justify value would do, but atm not implemented  
in any browser.
This maybe (future !):


maybe some javascript trick might do.


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

Re: [css-d] Intermittent IE 7 problem

[Rebecca Mazur]

Certainly.

Here's the way it should look:

http://theredsetter.com/test/ie7mistake_good.jpg

Here's what it does sometimes that it shouldn't:

http://theredsetter.com/test/ie7mistake_bad.jpg

Note that the "good" screenshot was taken after refreshing the bad, so you're 
looking at the same page in the same browser, with a refresh in between.

~Rebecca

Krystian - Sunlust wrote:
> Couldn't reproduce IE 8 Windows7, Opera 9.64 Windows7, Firefox 3.0.7.
> Either they all produced the bug, or even I force refreshed few times,
> haven't procued the bug.
> 
> Please upload a screenshot of how it should look.
> 
> Regards,
> 
> 
__
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] Intermittent IE 7 problem

[Gunlaug Sørtun]

Rebecca Mazur wrote:
> If someone could just recognize and name the bug for me, that would 
> be a help, as then I could go searching for solutions.

> http://www.kenyon.edu/x12305.xml

The bug is clear enough, but finding a fix isn't.

I found it easier to reproduce the problem in IE6 - multiple times, and
that IE-version also shows clearly that one can fix the problem by
cleaning up the source-code. I used HTML Tidy on a local copy.

Once it becomes stable in IE6 it is also perfectly stable in IE7.
However, trying to analyze what my Tidy actually did that fixed it isn't
easy since I can't use the validator on your original.

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

[Del Wegener]

I have two questions.  Both arise because I get warnings when validating 
css.
Both are illustrated at
http://www.drdelmath.com/playpen/test1_float.htm

1)  It seems to me that I have declared a width for the classes 
"left_objectives" and "right_objectives", but the validator warns me I need 
a width.  If I move width:47%; into each of the individual styles the 
warning disappears.  Should I duplicate width:47% or live with the warning?

2) I display many different size images and want them to be on the right 
edge of the view window.  So I have a class called "image_right" whose style 
does not contain a width declaration because I use many different size image 
as shown on the test page.  Should I live with the warning or is there a 
better way to position my images?

Thanks

Del 


__
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] 3 column expanding center column CSS

[Yazmin Media]

I've been doing a search through a lot of 3 column CSS layout examples, but
I'm getting the feeling that what I want cannot be done.

I need to setup a 3-column, fixed width layout that allows the center column
to expand in width when necessary. For example, say I have a fixed width
3-column design wrapped in a 900px div. If I insert content in the middle
column that is 1000px by itself, I need the center column to expand to
accommodate the 1000px content width while expanding the 900px div as well.
Is this even possible?

-- 
Yazmin
__
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] Float and Width

[Bobby Jack]

--- On Thu, 4/9/09, Del Wegener  wrote:

> ... I get warnings when validating css.
>
> http://www.drdelmath.com/playpen/test1_float.htm

Which validator are you using? W3C's gave no errors when I tried it.

- Bobby
__
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] 3 column expanding center column CSS

[Bobby Jack]

--- On Thu, 4/9/09, Yazmin Media  wrote:

> I need to setup a 3-column, fixed width layout that allows
> the center column to expand in width when necessary.

That's a bit of an oxymoron, but if you want the middle column to be no smaller 
than a certain width, you can use min-width.

- Bobby
__
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] double borders. A different story in IE?

[Divya Manian]

On 4/2/09 6:30 AM, "Jon Wickström"  wrote:

> The look I'm after is a "double border" with the inner border the same color
> as the parent bg, and the outer the element bg. This I get in all sane
> browsers by specifying the parent bg as the border color and the border style
> "double". This gives me a separated border with the element bg color. In the
> example I use red, not the parent backgroundborder color, to see the border
> clearly.
> 
> The green border is just for your viewing pleasure. It is a div used for
> markup to center the menu. If anybody has a cleaner centering-solution, I'd
> bee happy to look at it.
> 
> For a test-case see:
> http://www.ekebodagis.fi/ekebo/test.html


IE is rendering your page in quirks mode because of the xml namespace
declaration on top. Remove that and serve the page as content type text/html
or use HTML 4 Strict if necessary.

- divya


__
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] Padding Browser Issue

[taestrada]

-Original Message-
From: Els [mailto:el...@tiscali.nl] 
Sent: Thursday, April 09, 2009 12:19 AM
To: taestrada; css-d@lists.css-discuss.org
Subject: Re: [css-d] Padding Browser Issue

taestrada wrote:

> In IE7, the photos and the 2009-2010 Outdoor Programs have the same
> padding and the tops line up (as intended). But in Firefox, the
> Outdoor Programs box is about 9 pixels higher. I can't figure out
> why. Any ideas?
>
> http://wildernessawareness.org/index1.html

The top margin of the h2 collapses with the top margin of the 
#rightCol, forcing the #sidebar1 to extend upwards to encompass the 
h2's margin.

Fix: set that h2 inside #sidebar1 to have a top-margin of 0, or add a 
border-top to #sidebar1.

-- 
Els

Thank you so much to you and Phillipe. I will try your fixes tonight.

Alix

__
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] 3 column expanding center column CSS

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Yazmin Media
> Sent: 09 April 2009 14:48
> To: css discuss
> Subject: [css-d] 3 column expanding center column CSS
> 
> I've been doing a search through a lot of 3 column CSS layout examples,
> but
> I'm getting the feeling that what I want cannot be done.
> 
> I need to setup a 3-column, fixed width layout that allows the center
> column
> to expand in width when necessary. For example, say I have a fixed
> width
> 3-column design wrapped in a 900px div. If I insert content in the
> middle
> column that is 1000px by itself, I need the center column to expand to
> accommodate the 1000px content width while expanding the 900px div as
> well.
> Is this even possible?

First question one would ask. Why would you want a centre column so wide
that it would break out of its wrapping div?
However, I guess if you set the div to act like a table then I guess it
would do what you want or have I missed the point?

Best

Ian
IY e-Solutions

__
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] Float and Width

[David Dorward]

2009/4/9 Del Wegener :
> I have two questions.  Both arise because I get warnings when validating
> css.

There was a requirement that any floated element have a specified
width in CSS 2. This requirement was dropped in CSS 2.1 and the
warning is due to be removed from the next release of the W3C CSS
validator.

You can safely ignore it (unless dealing with exceptionally old browsers).

-- 
David Dorward 
__
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] Float and Width

[Ian Young]

> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Del Wegener
> Sent: 09 April 2009 14:28
> To: css
> Subject: [css-d] Float and Width
> 
> I have two questions.  Both arise because I get warnings when
> validating
> css.
> Both are illustrated at
> http://www.drdelmath.com/playpen/test1_float.htm
> 
> 1)  It seems to me that I have declared a width for the classes
> "left_objectives" and "right_objectives", but the validator warns me I
> need
> a width.  

Maybe I am being thick here, but I cannot see the issue. I have checked the
CSS with the validator and it passes.
However, may I suggest that you define the body background colour. It came
up pink on my Opera which has pink specified as background.

Cheers

Ian
IY e-Solutions

__
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] Float and Width

[David Laakso]

Del Wegener wrote:
> I have two questions.  Both arise because I get warnings when validating 
> css.
> Both are illustrated at
> http://www.drdelmath.com/playpen/test1_float.htm
>
>  Should I live with the warning or is there a 
> better way to position my images?
>
>
>
> Del 
>   


The answer to your questions/problems in my opinion has nothing to do 
with CSS or the w3c validation service.
I think you have a very fundamental and basic design problem that needs 
to be resolved. Namely positioning content on the page such that users 
of average intelligence will understand what you are attempting to 
convey when they land on the page. And set the line-measure so that it 
does not extend from San Francisco to Manhattan. This is one of many 
ways you might do it.

__
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] Intermittent IE 7 problem

[Rebecca Mazur]

I did a copy-and-paste validation and only found a couple of unencoded "&" two 
missing alts, and an xmlns attribute that I need to get rid of--I can't imagine 
those being the trouble.  They're not things I want in there, and I should find 
and fix them regardless, but they're not the sort of thing that I imagine even 
IE would choke on.  Have you had experience with browsers breaking on those 
particular validation errors?  I'm curious now, because I may not be able to 
fix 
them. We're on a CMS, and it does bizarre things to code; sometimes I can 
wrestle it into submission, sometimes not.

~Rebecca

Gunlaug Sørtun wrote:
> Rebecca Mazur wrote:
>> If someone could just recognize and name the bug for me, that would be 
>> a help, as then I could go searching for solutions.
> 
>> http://www.kenyon.edu/x12305.xml
> 
> The bug is clear enough, but finding a fix isn't.
> 
> I found it easier to reproduce the problem in IE6 - multiple times, and
> that IE-version also shows clearly that one can fix the problem by
> cleaning up the source-code. I used HTML Tidy on a local copy.
> 
> Once it becomes stable in IE6 it is also perfectly stable in IE7.
> However, trying to analyze what my Tidy actually did that fixed it isn't
> easy since I can't use the validator on your original.
> 
> regards
> Georg
__
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] Intermittent IE 7 problem

[Gunlaug Sørtun]

Rebecca Mazur wrote:
> Have you had experience with browsers breaking on those particular 
> validation errors?

No. Old IE will "eat, ignore or correct" such minor errors, same as
other browsers.

I have seen IE do many strange things when served compacted source-code
though, and your markup is pretty compact.
Can't say for sure, but my (original) Tidy is set to "unpack" and line
up markup in ways I know old IE/win is happy with, and that may have
made all the difference.

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

[David Laakso]

Gunlaug Sørtun wrote:
> Rebecca Mazur wrote:
>   
>> Have you had experience with browsers breaking on those particular 
>> validation errors?
>> 
>
> No. Old IE will "eat, ignore or correct" such minor errors, same as
> other browsers.
>
> I have seen IE do many strange things when served compacted source-code
> though, and your markup is pretty compact.
> Can't say for sure, but my (original) Tidy is set to "unpack" and line
> up markup in ways I know old IE/win is happy with, and that may have
> made all the difference.
>
> regards
>   Georg
>   

Rebecca,

When I ran your file through Tidy  I set it 
to "indent-- no", "indent space-- 0", "wrap-- 900." This unpacks it and 
pulls out zillions of little deeply nested issues.

~d
__
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] Wrap text in li

[Chike Loney]

Hi guys, can anuyone tell me how to wrap text in a list item please?

Thnx




Sent from my BlackBerry® wireless device available from bmobile.
__
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] Wrap text in li

[Bobby Jack]

--- On Thu, 4/9/09, Chike Loney  wrote:

> Hi guys, can anuyone tell me how to wrap text in a list item
> please?

Sure:

text

:-)

Of course, you're /probably/ not asking for that, but it would be useful to 
have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
looking at javascript for that, not CSS. Do you mean 'wrap' as in what happens 
when text won't fit within the width of one line? That should happen 
automatically, but you can reduce the width of the parent ul/ol with the CSS 
width property. I can't think what else you might mean.

- Bobby 
__
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] Wrap text in li

[Chike Loney]

Lol sry

I ddint use a parent  but even though the text in the  is not wrapping, 
meaning I want it to display within a certain area so if ther is more than one 
line of text it wud automatically skip to a next line and align itself...





Sent from my BlackBerry® wireless device available from bmobile.

-Original Message-
From: Bobby Jack 

Date: Thu, 9 Apr 2009 18:59:59 
To: CSS-D
Subject: Re: [css-d] Wrap text in li



--- On Thu, 4/9/09, Chike Loney  wrote:

> Hi guys, can anuyone tell me how to wrap text in a list item
> please?

Sure:

text

:-)

Of course, you're /probably/ not asking for that, but it would be useful to 
have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
looking at javascript for that, not CSS. Do you mean 'wrap' as in what happens 
when text won't fit within the width of one line? That should happen 
automatically, but you can reduce the width of the parent ul/ol with the CSS 
width property. I can't think what else you might mean.

- Bobby 
__
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] Wrap text in li

[divya manian]

It would be great if you have a url and then present what is the
current behavior (which browser/os) and what is the expected behavior.


On Thu, Apr 9, 2009 at 8:04 AM, Chike Loney  wrote:
> Lol sry
>
> I ddint use a parent  but even though the text in the  is not 
> wrapping, meaning I want it to display within a certain area so if ther is 
> more than one line of text it wud automatically skip to a next line and align 
> itself...
>
>
>
>
>
> Sent from my BlackBerry® wireless device available from bmobile.
>
> -Original Message-
> From: Bobby Jack 
>
> Date: Thu, 9 Apr 2009 18:59:59
> To: CSS-D
> Subject: Re: [css-d] Wrap text in li
>
>
>
> --- On Thu, 4/9/09, Chike Loney  wrote:
>
>> Hi guys, can anuyone tell me how to wrap text in a list item
>> please?
>
> Sure:
>
> text
>
> :-)
>
> Of course, you're /probably/ not asking for that, but it would be useful to 
> have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
> looking at javascript for that, not CSS. Do you mean 'wrap' as in what 
> happens when text won't fit within the width of one line? That should happen 
> automatically, but you can reduce the width of the parent ul/ol with the CSS 
> width property. I can't think what else you might mean.
>
> - Bobby
> __
> 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-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] Javascript code - firefox vs explorer and spry menu bars

[Tarah - Dome Cleaning, Inc.]

Hey - I have this code <%...@language="JAVASCRIPT" CODEPAGE="65001"%> that is 
appearing on the top of my site when opened in firefox - but not explorer.

Here is my site in progress: 
www.domecleaning.com/dev

It was suggested to remove the tag from my code, but when I do that, the 
background on my spry menu bar on the drop down changes from a box around the 
text, to being a jagged end - ending at where the text ends. Does anyone know 
how to "hide" this code so that it won't appear in firefox?

-  Tarah
__
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] Wrap text in li

[Climis, Tim]

> I ddint use a parent  but even though the text in the  is not 
> wrapping, meaning I want it to
> display within a certain area so if ther is more than one line of text it wud 
> automatically skip to 
> a next line and align itself...

Huh?  If you have an  it needs to be in a , , or  (and you 
shouldn't really use .  It's deprecated). That's the rules. That could be 
one source of your problem.

But if you want to limit it to a particular width, that's what the width 
property is for.

Something like:
li {
  width: 25%;
}

Or even better
ul (or whatever list container you're using) {
  width: 25%;
}

---Tim
__
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] Intermittent IE 7 problem

[David Laakso]

Rebecca Mazur wrote:
> The big difference is that our stuff shouldn't ride all the way to the 
> bottom of the screen like that.   Bottom of footer and bottom of 
> content should line up (with content just being content; no big gaps), 
> unless footer + subnavigation > content, in which case the footer 
> should bump down far enough to not overlap the subnav.  It's hard to 
> explain, really it is :(  I'm thinking that there must not be a 
> solution to this one, which is really a problem, since it's not like 
> we can ditch the design now!
>
> Thanks for fiddling with it, though!
>
> ~Rebecca

Please see reply below...


>
>
>>
>> Not sure I understand what all the issues and requirements for 
>> solution are in the first place, other than I get the footer 
>> ride-up/crossover on this page, too-- in IE 6/7:
>> 
>>
>> This seems to hold in XP IE 6/7 on this end, but whether it meets all 
>> your requirements and will hold on any other machine than mine is 
>> questionable...
>> 
>> css
>> 
>> ~d
>>
>>
>

Then delete this to close the gap:
#masthead
{
float:left;
/*padding-bottom:240px; delete*/
width:284px;
padding-right:15px;
}

And seek a scripting solution?

PS Please bottom post. Thanks.











__
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] double borders. A different story in IE?

[Michael Adams]

On Thu, 09 Apr 2009 07:16:29 -0700
Came this utterance formulated by Divya Manian to my mailbox:

> On 4/2/09 6:30 AM, "Jon Wickström"  wrote:
> 
> > The look I'm after is a "double border" with the inner border the
> > same color as the parent bg, and the outer the element bg. This I
> > get in all sane browsers by specifying the parent bg as the border
> > color and the border style"double". This gives me a separated border
> > with the element bg color. In the example I use red, not the parent
> > backgroundborder color, to see the border clearly.
> > 
> > The green border is just for your viewing pleasure. It is a div used
> > for markup to center the menu. If anybody has a cleaner
> > centering-solution, I'd bee happy to look at it.
> > 
> > For a test-case see:
> > http://www.ekebodagis.fi/ekebo/test.html
> 
> 
> IE is rendering your page in quirks mode because of the xml namespace
> declaration on top. Remove that and serve the page as content type
> text/html or use HTML 4 Strict if necessary.
> 

Divya - I disagree. IE7 handles the XML declaration fine in standards
mode[1]. Although i see it on line 8 when it should always be on line 1.
IMHO IE less than IE7 should always be in quirks mode and the XML
declaration will achieve this. 

Jon - I am on linux here at home so no IE running. Will look at it at
work later today but you may already have an answer by then.

[1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx

-- 
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 [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] Javascript code - firefox vs explorer and spry menu bars

[Al Sparber]

> From: "Tarah - Dome Cleaning, Inc." 
> Hey - I have this code <%...@language="JAVASCRIPT" CODEPAGE="65001"%> that is 
> appearing on the top of my site when opened in firefox - but not explorer.

The code is unnecessary and should be removed.
>
> It was suggested to remove the tag from my code, but when I do that, the 
> background on my spry menu bar on the drop down changes from a box around 
> the text, to being a jagged end - ending at where the text ends. Does 
> anyone know how to "hide" this code so that it won't appear in firefox?

Remove the Code, then get customer support from Adobe to fix your menu.

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible & Elegant Accordion




__
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] Wrap text in li

[Jukka K. Korpela]

Chike Loney wrote:

> I ddint use a parent 

An  element without a parent  or  is a syntax error. All bets 
are off, CSS-wise and otherwise, then.

> but even though the text in the  is not wrapping,

You're not explaining what text is not wrapping in which sense. You need to 
provide a URL in order to get help with your problem.

> meaning I want it to display within a certain area so if
> ther is more than one line of text it wud automatically skip to a
> next line and align itself...

Are you trying to say that you would like to set a width on the  
element?

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

__
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] Javascript code - firefox vs explorer and spry menu bars

[Els]

Tarah - Dome Cleaning, Inc. wrote:

> Hey - I have this code <%...@language="JAVASCRIPT" CODEPAGE="65001"%>
> that is appearing on the top of my site when opened in firefox -
> but not explorer.
>
> Here is my site in progress:
> www.domecleaning.com/dev
>
> It was suggested to remove the tag from my code, but when I do
> that, the background on my spry menu bar on the drop down changes
> from a box around the text, to being a jagged end - ending at where
> the text ends. Does anyone know how to "hide" this code so that it
> won't appear in firefox?

A wild guess, and it's also OT for this list, but what happens if you 
rename index.html to index.asp?

-- 
Els

__
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] double borders. A different story in IE?

[Michael Adams]

On Thu, 02 Apr 2009 16:30:07 +0300
Came this utterance formulated by Jon Wickström to my mailbox:

> Hi,
> 
> I'm trying to style a horizontal menu with double borders on the
> active LI menu item. There is some use of nested floating, as I want
> to use blocks for the LI to get them an even width. IE (7, haven't
> even tried 6) just gets it plain wrong (from my point of view). The
> double border seems to work differently in IE compared to all other
> browsers I've tried (FF, Opera, Chrome). IE renders the "middle" line
> in a double border transparent. All other browsers use the elements
> bg-color. IE also shows som strange stuff with the alignment. The
> borders overlap the parent elements borders. Some kind of collapsing
> borders in IE?!?! Is this really the case or is my CSS/HTML just
> broken in IE? One huch I have is that IE is using it's own box model,
> not the standard compliant? I vaguely remember something about IE not
> including the borders inside the box.
> 
> The look I'm after is a "double border" with the inner border the same
> color as the parent bg, and the outer the element bg. This I get in
> all sane browsers by specifying the parent bg as the border color and
> the border style "double". This gives me a separated border with the
> element bg color. In the example I use red, not the parent
> backgroundborder color, to see the border clearly.
> 
> The green border is just for your viewing pleasure. It is a div used
> for markup to center the menu. If anybody has a cleaner
> centering-solution, I'd bee happy to look at it.
> 
> For a test-case see:
> http://www.ekebodagis.fi/ekebo/test.html
> 

Fix the errors in your xhtml first.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ekebodagis.fi%2Fekebo%2Ftest.html&charset=%28detect+automatically%29&doctype=Inline&group=0

-- 
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 [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] Wrap text in li

[Chike Loney]

Yes, I would like to set a width within the  item itself



Sent from my BlackBerry® wireless device available from bmobile.

-Original Message-
From: "Jukka K. Korpela" 

Date: Thu, 9 Apr 2009 22:25:56 
To: CSS-D
Subject: Re: [css-d] Wrap text in li


Chike Loney wrote:

> I ddint use a parent 

An  element without a parent  or  is a syntax error. All bets 
are off, CSS-wise and otherwise, then.

> but even though the text in the  is not wrapping,

You're not explaining what text is not wrapping in which sense. You need to 
provide a URL in order to get help with your problem.

> meaning I want it to display within a certain area so if
> ther is more than one line of text it wud automatically skip to a
> next line and align itself...

Are you trying to say that you would like to set a width on the  
element?

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

__
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] :first-word?

[Climis, Tim]

I've got a newsletter that includes interviews in a Q and A format.

Usually, there's a question with a "Q:" in front of it, and then an answer with 
an "A:".  But I just discovered an interview with two people that goes: "Q:" 
"Neal:" "Kirsten:"

My stylesheet currently uses :first-letter to style the Q and A.  But that just 
styles the N and K on Neal and Kirsten, and what I'd really like to do is style 
the whole word.

A "first-word" pseudo element would work perfectly in all my cases, but it 
appears that there is no :first-word pseudo element.  Is there some trick I can 
use as a substitute?

---Tim Climis
Computer Coordinator
International Services



__
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] css list test message

[Wade Smart]

20090409 1636 GMT-6

Im just sending this to the list to see if any of my posts show up. I 
have sent 8 in the past month and none have showed (that I can see) on 
the list.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] :first-word?

[Bill Brown]

Climis, Tim wrote:
> I've got a newsletter that includes interviews in a Q and A format.
> 
> Usually, there's a question with a "Q:" in front of it, and then an
> answer with an "A:".  But I just discovered an interview with two
> people that goes: "Q:" "Neal:" "Kirsten:"
> 
> My stylesheet currently uses :first-letter to style the Q and A.  But
> that just styles the N and K on Neal and Kirsten, and what I'd really
> like to do is style the whole word.
> 
> A "first-word" pseudo element would work perfectly in all my cases,
> but it appears that there is no :first-word pseudo element.  Is there
> some trick I can use as a substitute?

This depends on the context.
Do you have any links to a sample or maybe even a hint as to the HTML 
used for this example?

-- 

__
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] :first-word?

[David Laakso]

Climis, Tim wrote:
> I've got a newsletter that includes interviews in a Q and A format.
>
> Usually, there's a question with a "Q:" in front of it, and then an answer 
> with an "A:".  But I just discovered an interview with two people that goes: 
> "Q:" "Neal:" "Kirsten:"
>
> My stylesheet currently uses :first-letter to style the Q and A.  But that 
> just styles the N and K on Neal and Kirsten, and what I'd really like to do 
> is style the whole word.
>
> A "first-word" pseudo element would work perfectly in all my cases, but it 
> appears that there is no :first-word pseudo element.  Is there some trick I 
> can use as a substitute?
>
> ---Tim Climis
>
>
>
>   


Not with CSS at the moment.
An html substitute might be:
name
css might read:
b {color:red; text-transform: uppercase;font-weight:normal;}
__
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] Intermittent IE 7 problem

[David Laakso]

Rebecca Mazur wrote:
> Hi David,
>
> I think I ran the same scan that you did, but I'm not sure, since the 
> only issues I got were some unescaped &'s, a couple of missing alts, 
> and those blasted xmlns attributes that I can't seem to get rid of 
> (we're CMS based). Just wanted to check that that's all you saw.
>
> ~Rebecca

Oh, I guess that's about it...
Not sure I understand what all the issues and requirements for solution 
are in the first place, other than I get the footer ride-up/crossover on 
this page, too-- in IE 6/7:


This seems to hold in XP IE 6/7 on this end, but whether it meets all 
your requirements and will hold on any other machine than mine is 
questionable...

css

~d


__
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] AP's and IE

[Alan King]

You've probably heard this a million times, but I'm a newbie to CSS,  
so bear with me. I've done a lot of print and I thought I should  
finally do some web design. I put together a website using  
Dreamweaver and CSS on a Mac. I'm pretty happy with it. But in spite  
of my brave words that my work is cross-browser compliant, it isn't.  
It works beautifully in Fireworks, Netscape, Safari, Opera but in IE  
6 it's a mess.

I tried redoing it with floats using that negative margin thing that  
Eric does, but it just doesn't seem to work for me. Is there a fix  
for making IE impose my absolute positioned divs?

The URL is: http://www.helixdesign.ca

AK
__
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] Wrap text in li

[Roberto Gorjão]

Well, I think that, if you want help, you should help us a little more.
Please set an url or explain it more clearly. Does "within" mean that
you want to use a style attribute embeded in a specific  element? In
what circumstances? What's your goal? Anyway, it's probably better to
set an example and send the url...

Roberto

Chike Loney wrote:
> Yes, I would like to set a width within the  item itself
>   

__
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] AP's and IE

[Gunlaug Sørtun]

Alan King wrote:
> Is there a fix for making IE impose my absolute positioned divs?
> 
> http://www.helixdesign.ca

Yes.

IE6' "disappearing A:P element next to a float" bug can be problematic,
and not easy to fix in the stylesheet other than by abandoning either
the A:P or the float styling.
Separate absolute elements from floats in the markup, and IE6 will
render as intended.

How you separate them doesn't really matter, and I've just added a
number of  in there...

...as a demo for how it works.

-

Such a degree of absolute positioning of text-carrying elements makes
your design pretty fragile when exposed to font resizing in browsers
though...

...so it would be better to ditch most absolute positioning and let the
entire layout adjust to the environment and various end-user options.

A better organized source-code with header and footer and two floating
columns with fixed width and auto-height, would be a good basis, and
there's no need to pull floats around with negative margins for a design
like yours - floating them left or right will do.

Proper use of background-color in addition to background-image on body.
will also help keep all text visible. Remember also that headlines as
background-images don't always make it through on their own.

regards
Georg
-- 
http://www.gunlaug.no
__
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] OT - Flash player works in FF3, but not in IE7

[Scott Brasted]

Greetings,

I know this is off-topic and I apologize, but I need to find out where 
to go for help.

I have a xspf audio player embedded in an object tag and it appears and 
works great in FF3, but the player does not appear in IE7. I get the 
same kind of place holder you get when a graphic cannot be found. A sort 
of box with a little icon in the upper left corner. One other thing, my 
web host won't server xspf pages,so the xspf file has been renamed to a 
.txt file and the  code has been so modified.

If any one knows anything about these kind of things or knows where to 
go for help I would be greatly appreciative.

http://www.adriennesgardenworks.com/radio.php with the link to listen. 
The  code is in a pop up window called by the listen link on 
radio.php.
Here is the  code in case it helps:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"; >

http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en" >





Garden Works Audio Player - Listen to Archived Radio Shows


@import url(../css/gardenworks_main.css);
@import url(../css/gardenworks_popup.css);









Please select a program to listen to by double 
clicking it below.



http://www.adriennesgardenworks.com/radio_archive/lgg_2009.txt&autoload=1";>
http://www.adriennesgardenworks.com/radio_archive/lgg_2009.txt&autoload=1";
 
/>






Thanks and sorry for the OT post.
-- 
Scott Brasted
sc...@brastedhouse.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/

Re: [css-d] :first-word?

[Divya Manian]

On 4/9/09 3:35 PM, "David Laakso"  wrote:

> Climis, Tim wrote:
>> I've got a newsletter that includes interviews in a Q and A format.
>> 
>> Usually, there's a question with a "Q:" in front of it, and then an answer
>> with an "A:".  But I just discovered an interview with two people that goes:
>> "Q:" "Neal:" "Kirsten:"
>> 
>> My stylesheet currently uses :first-letter to style the Q and A.  But that
>> just styles the N and K on Neal and Kirsten, and what I'd really like to do
>> is style the whole word.
>> 
>> A "first-word" pseudo element would work perfectly in all my cases, but it
>> appears that there is no :first-word pseudo element.  Is there some trick I
>> can use as a substitute?
>> 
>> ---Tim Climis


You can try using :first-line [1]. Probably use a  to separate the
lines? Not sure if it will work though (Certainly not semantic!).


[1] http://reference.sitepoint.com/css/pseudoelement-firstline


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