Re: [css-d] Any IE8 news?

[Nancy]

- Original Message - 
From: "Bill Brown" <[EMAIL PROTECTED]>
>> the next release of IE8 was coming out in August, but
>> the MS site is still just offering Beta 1

>
> Here:
> http://blogs.msdn.com/ie/archive/2008/08/27/internet-explorer-8-beta-2-now-available.aspx
>
> and here:
> http://www.microsoft.com/windows/internet-explorer/beta/
>
> Best,
> Bill
>

Thanks! I'll install it tomorrow night. 

__
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] Any IE8 news?

[Bill Brown]

Nancy wrote:
> I read somewhere that the next release of IE8 was coming out in August, but 
> the MS site is still just offering Beta 1.
> Has anyone heard anything? I have some sites that break slightly in the 
> beta, but I've been advised here not to do anything until the next version 
> comes out.

Here:
http://blogs.msdn.com/ie/archive/2008/08/27/internet-explorer-8-beta-2-now-available.aspx

and here:
http://www.microsoft.com/windows/internet-explorer/beta/

Best,
Bill


-- 
~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - "From dot concept to dot com since 1999"
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
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] Any IE8 news?

[Nancy]

I read somewhere that the next release of IE8 was coming out in August, but 
the MS site is still just offering Beta 1.
Has anyone heard anything? I have some sites that break slightly in the 
beta, but I've been advised here not to do anything until the next version 
comes out.


Nancy 

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

[David Laakso]

Kevin Crawford wrote:
> Hey everybody,
> I'm having trouble with IE6 rendering a floated column wider than it should.
> See http://kevinvancrawford.com/annepackard/book_details.html
>
> The left column is too wide, pushing the right column too far to the right.
>
> The problem seems similar to the double-margin float bug, except I'm not
> using any margins in the floats. I've tried adding "display:inline;" to the
> floats, but to no avail.
>
> Does anyone have any idea of what's going?
>
> I appreciate your help!
>
> Regards,
> Kevin
>
>   


I do not see any issue on that page in IE/6.0.

PS
Give my regards to Anne Packard,
Wellfleet, Provincetown, and the Islands.



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.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] positioning problems (IE and Opera)

[Elle Meredith]

Hi,

I actually have a few problems with some elements and wanted to ask  
for your help.

In IE (6 and 7):
On the home page, the #main-image is positioned too much to the right  
and it is above the logo instead of below it.
There are also a few divs that get pushed down:
-- #featured-project on the home page
-- #additional-content on the services page
-- the text paragraphs in the gallery page

In Opera 9 the main problem is that the logo is positioned too much to  
the left. Also my stage on the gallery page is again positioned to the  
left instead of right.

One last thing (and I had this before but for some reason, I can't  
figure out how now): the round corners in the main navigation -- one  
corner does not align.

The site is at: http://designbyelle.com.au/poinciana/

A lot of questions -- I know -- any help would be much appreciated.

Cheers,
Elle
__
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] Pseudo frame and Skip to Content, unexpected behaviour

[Gunlaug Sørtun]

Rachel Mawhood wrote:

> When one uses the keyboard shortcut for Skip to Content (access key 
> S, to a div called "content") on this site,
> 
> http://www.internationalorganbuilders.com/uk/access.php

> which has a pseudo frame at the top, the browser doesn't seem to 
> recognise that the "content" div is located further down the browser 
> screen than the pseudo frame div.

That's normal for in-page anchors - they always end up on top of the
browser-window.

The trick is to make the anchor (top of "content") run to the top of the
browser-window, while the content stays below the "pseudo frame div".

Several ways to do this - depending on design, but I chose to offset the
#content div using the existing 'position: relative' in this example...



See if it's close enough for comfort, and if so you'll find the altered
and added styles commented here...



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

[Kevin Crawford]

Hey everybody,
I'm having trouble with IE6 rendering a floated column wider than it should.
See http://kevinvancrawford.com/annepackard/book_details.html

The left column is too wide, pushing the right column too far to the right.

The problem seems similar to the double-margin float bug, except I'm not
using any margins in the floats. I've tried adding "display:inline;" to the
floats, but to no avail.

Does anyone have any idea of what's going?

I appreciate your help!

Regards,
Kevin
__
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] What's wrong with these links?

[Maggie Wolfe]

Also, on the con08styles.css, you have this declaration:
.sidebar-winner > h5 > a:link, a:visited, a:hover, a:active

{
color: #ff;
background-color: #831c00;
}
Followed by this one:

h1, h2, h3, h4, h5, h6 > a:link, a:visited, a:hover, a:active
{
color: #831c00;
background-color: #ff;

} 

For the first one, what would be affected is this:
.sidebar-winner > h5 > a:link,
And then, a:visited, a:hover, and a:active.

In other words, if you want to apply those styles only the child links of an
h5 which is a child of the class .sidebar-winner, you would need to add the
first part to each one, like so:
.sidebar-winner > h5 > a:link,
.sidebar-winner > h5 > a:visited,
.sidebar-winner > h5 > a:hover,
.sidebar-winner > h5 > a:active {declarations here}

For the second set of links, the styles would only apply to a:link that was
a child of h6, and then to all a:visited, a:hover, a:active links. (And also
to all h1 through h5 headings).

You have inheritance issues being resolved differently by different
browsers, it seems (I'm not seeing the inverse links, but I can see that for
.sidebar-winner > h5 > a:link, that's how you have it coded.


On 8/27/08 11:42 AM, "Maggie Wolfe" <[EMAIL PROTECTED]> wrote:

> On asbpe_main_styles.css, for a:link you have the color set to #003399, which
> is exactly the blue color you are getting.  I'm not getting the inverse colors
> on visited links, so maybe you fixed it.
> 
> 
> On 8/27/08 10:35 AM, "[EMAIL PROTECTED]"
> <[EMAIL PROTECTED]> wrote:
> 
>> Date: Tue, 26 Aug 2008 10:54:39 -0400
>> From: Martha Spizziri <[EMAIL PROTECTED]>
>> Subject: [css-d] What's wrong with these links?
>> To: css-d@lists.css-discuss.org
>> Message-ID: <[EMAIL PROTECTED]>
>> Content-Type: text/plain; charset=US-ASCII; format=flowed
>> 
>> Maybe I'm having a brain cramp, but I've looked at this page and its
>> style sheets
>> 
>> http://www.asbpe.org/contest/2008/win08multi.htm
>> 
>> several times and can't figure out why
>> 
>> 1) Unvisited links in the table show up in blue, not the brick-red color
>> 
>> and
>> 
>> 2) Visited links show up reversed -- white type on reddish background.
>> 
>> Any help will be appreciated.
>> 
>> Thanks.


__
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] What's wrong with these links?

[Maggie Wolfe]

On asbpe_main_styles.css, for a:link you have the color set to #003399,
which is exactly the blue color you are getting.  I'm not getting the
inverse colors on visited links, so maybe you fixed it.


On 8/27/08 10:35 AM, "[EMAIL PROTECTED]"
<[EMAIL PROTECTED]> wrote:

> Date: Tue, 26 Aug 2008 10:54:39 -0400
> From: Martha Spizziri <[EMAIL PROTECTED]>
> Subject: [css-d] What's wrong with these links?
> To: css-d@lists.css-discuss.org
> Message-ID: <[EMAIL PROTECTED]>
> Content-Type: text/plain; charset=US-ASCII; format=flowed
> 
> Maybe I'm having a brain cramp, but I've looked at this page and its
> style sheets
> 
> http://www.asbpe.org/contest/2008/win08multi.htm
> 
> several times and can't figure out why
> 
> 1) Unvisited links in the table show up in blue, not the brick-red color
> 
> and
> 
> 2) Visited links show up reversed -- white type on reddish background.
> 
> Any help will be appreciated.
> 
> Thanks.


__
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] Conditional CSS Comment Not Working

[Jens Brueckmann]

2008/8/27 Stan McCoy <[EMAIL PROTECTED]>:
> Greetings ­ Can you tell me what is wrong with the following conditional
> comments for IE? It appears near the top of my Head for each HTML page,
> below META tags and Title.
> The standard css file is overriding the IE6 and IE7 specific versions.

Hi Stan,

the order of conditional comments and "standard" CSS is wrong.

As the IE6 and IE7 stylesheets shall override certain rules of your
standard stylesheet, they have to be added AFTER your standards
stylesheet.
(This is part of the C in CSS: http://www.w3.org/TR/REC-CSS2/cascade.html )

Cheers,

jens

-- 
Jens Brueckmann
http://www.yalf.de
__
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] Conditional CSS Comment Not Working

[Bill Brown]

Stan McCoy wrote:
> 
> 
>  />

Hi Stan,

The order of the style sheets is probably causing you the problem here.
Present your default first, then override for IE6/7 like this:




That should do the trick.
Hope it helps.
--Bill

-- 
~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - "From dot concept to dot com since 1999"
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
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] Conditional CSS Comment Not Working

[Glenn E. Lanier, II]

On Wed, Aug 27, 2008 at 10:19 AM, Stan McCoy <[EMAIL PROTECTED]> wrote:

> The standard css file is overriding the IE6 and IE7 specific versions. For
> example, if I give the body a green border in the IE6 style sheet, it shows
> in IE6 only. But if I then add a different colored border to the standard
> style sheet, it overrides the border specified in the IE6 style sheet. Hope
> that makes sense. Thanks.
>
> 
>
> 
>
>  />
>

Stan,

The rule you specify in your IE6 sheet is overridden by the rule in the
avalon sheet because you include avalon.css after the IE sheet. Place that
include first, then override with the browser specific sheet.





--G
__
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] Conditional CSS Comment Not Working

[Dennis Bixler]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Stan McCoy
Sent: Wednesday, August 27, 2008 11:20 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Conditional CSS Comment Not Working

Greetings - Can you tell me what is wrong with the following conditional
comments for IE? It appears near the top of my Head for each HTML page,
below META tags and Title.
The standard css file is overriding the IE6 and IE7 specific versions.
For
example, if I give the body a green border in the IE6 style sheet, it
shows
in IE6 only. But if I then add a different colored border to the
standard
style sheet, it overrides the border specified in the IE6 style sheet.
Hope
that makes sense. Thanks.







 



And properly so.  If you want to have a standard sheet and then override
settings just for each version of IE the IE conditionals have to come
after the standard sheet.

Dennis

__
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] Page information drops in IE

[Jukka K. Korpela]

John Shepard wrote:

> Go to http://pnma.org. I am having a problem with all the information
> on numerous pages dropping below the left side nav.

Quick notes:

1) You have a comment at the start, throwing IE into Quirks Mode. The 
comment is probably generated by server software or page creation tool, but 
it still does what it does.

2) The page has markup errors that can be detected by 
http://validator.w3.org and while most of them are more or less formalities, 
missing  sounds ominous and may explain the problem you've seen.

Yucca 

__
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] Page information drops in IE

[David Laakso]

John Shepard wrote:
> Go to http://pnma.org. I am having a problem with all the information on
> numerous pages dropping below the left side nav.
> Can anyone help?
>
> Thanks in advance.
>
> John M Shepard
>
>   




Dunno. Unable to download your files on this end in order to seek a 
solution. Might be best to delete all that stuff above the doctype, and 
then validate the markup and CSS for starters. Once that is done, 
perhaps someone else on the list will be able to provide a solution to 
the problem you wrote about.




-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.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] Conditional CSS Comment Not Working

[Stan McCoy]

Greetings ­ Can you tell me what is wrong with the following conditional
comments for IE? It appears near the top of my Head for each HTML page,
below META tags and Title.
The standard css file is overriding the IE6 and IE7 specific versions. For
example, if I give the body a green border in the IE6 style sheet, it shows
in IE6 only. But if I then add a different colored border to the standard
style sheet, it overrides the border specified in the IE6 style sheet. Hope
that makes sense. Thanks.







 


__
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 bug with list - can anybody confirm?

[Luc]

Good afternoon Gunlaug, 

It was foretold that on 27/08/2008 @ 11:51:29 GMT+0200 (which was
06:51:29 where I live) Gunlaug Sørtun would write:



> Adding a 'hasLayout' trigger to the right element(s) will have the
> same effect. In your case...

> #navlist li a

> height: 1% /* haslayout trigger */;

Tnx Gunlaug and Alan. I messed with the hasLayout but the key is
indeed "the right element" Somehow i always have a hard time to
find out which element needs the trigger...  More trial and error i
guess lol.

As a bonus, the solution also resulted in the fact that i didn't have
to use a width to ensure that the whole link is clickable upon hover
and not only the text (the other famous IE problem).

 
-- 
Best regards,
 Luc
_

Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"Don't waste time worrying about future difficulties - they may never
come." 


__
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] Pseudo frame and Skip to Content, unexpected behaviour

[Rachel Mawhood]

Hi list

Has anyone else experienced this?  When one uses the keyboard 
shortcut for Skip to Content (access key S, to a div called 
"content") on this site,

http://www.internationalorganbuilders.com/uk/access.php
http://www.internationalorganbuilders.com/journal/index.php

which has a pseudo frame at the top, the browser doesn't seem to 
recognise that the "content" div is located further down the browser 
screen than the pseudo frame div.  So, after performing Skip to 
Content, anyone using a screen reader would have to use the up arrow 
key to get the top few lines to reappear before they could start reading.

I am guessing that there isn't a way of fixing this, of telling the 
browser to Skip to Content And Then Back Up A Bit?

Cheers
Rachel

__
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] IE7, background-image - displays OK on one page but not on the others

[Rachel Mawhood]

Hello list

Well, I've tried a number of things - clear:both, zoom:1, min-height, 
removing the mask.gif, etc - but nothing so far has worked.  I have 
Googled the problem, looked at positioniseeverything and other 
bug-fixing sites, but without finding the solution.  It is so far 
completely baffling.  I have read that IE7 has a problem rendering 
elements with background images whose parent and/or child also 
contains a background image (as is the case here, in that the body 
has a tiled background image) but it is so strange that, in this 
case, it is OK on one page and not on the others.

In MSIE 7 this page displays the image of the trumpets and organ 
pipes as intended

http://www.internationalorganbuilders.com/members/index.php

It uses exactly the same css files and template as these pages, on 
which the image cannot be made to appear in IE7, eg

http://www.internationalorganbuilders.com/board/index.php
http://www.internationalorganbuilders.com/congress/index.php

The CSS files are here (I've taken the index.html file out of this 
directory for the time being)

http://www.internationalorganbuilders.com/styles/isoconsole.css
http://www.internationalorganbuilders.com/styles/iso-images.css

I can't remove the tiled background image in the body because the 
client specifically wanted this.

I would be very grateful indeed for any pointers to why the Members 
page is OK and the others are not OK with the image at the top of the page.

TVIA
Rachel

__
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 bug with list - can anybody confirm?

[Alan Gresley]

Luc wrote:
>  Good evening list,  
> 
>  I'm fiddling about with a nav and stumbled upon an IE bug (what a
>  surprise) which i could solve but i wanted some confirmation wether this
>  is some old obscure IE bug.
> 
>  page with the bug (css embedded):
> 
>  http://www.dzinelabs.com/sandbox/list1.html
> 
>  page with bug solved:
> 
>  http://www.dzinelabs.com/sandbox/list2.html
> 
>  As you will see, the first page displays a mysterious gap which i
>  could only get rid off by changing the html as so:
> 
>   and ending with 
> 
>  IOW: the  and  tags can't be on a separate line.
> 
>  Also, is this the only way to prevent this bug from happening?


You can also give IE6 hasLayout [1]. This can safely be done with a 
height that will never be allied.

#navlist li a {
   display: block;
   padding: 0.25em 0.5em 0.25em 0.5em;
   background: #CCa;
   text-decoration: none;
   text-align:center;
   border-left: 1em solid #CC0;
   border-right: 1em solid #CC0;
   height:1%;  /* triggers hasLayout IE7- */
}


This fix that you have demonstrated with the markup changes I think I 
have seen I think on Bruno's site. I have trouble finding things there.


1. 


-- 
Alan http://css-class.com/

Nearly all men can stand adversity, but if you want to test a man's 
character, give him power - Abraham Lincoln

Save the Internet - http://www.savetheinternet.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/

Re: [css-d] Everything sinks in IE on a PC

[Gunlaug Sørtun]

John Shepard wrote:
> http://pnma.org.

div.contentBodyContainer {width : 600px;}

...is too wide, and IE can't handle overflow properly.

Suggest you try...

div.contentBodyContainer {width : auto;}

...or trim the width to a more suitable value.

In IE6 you're also experiencing the 'margin-doubling on floats' bug on
the navigation, which will disappear if you add...

#SAW_TopNavigation {display: inline;}


Lots of commented-out garbage above the doctype makes IE6/7 run in
quirks mode. That's fine (with me) but then you also have to add quirks
mode page-centering and counteract the box model differences, or design
mode-independent.

HTML validator says "end tag for "div" omitted...", which can lead to
quite serious rendering problems across browser-land. Don't think it
ruins much in your layout, but it should be fixed along with the other
reported errors in there.

Overly verbose(!) markup and CSS for what seems to be a rather simple
design, complicates any debugging-attempts and makes it hard to suggest
further improvements.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Horizontal scrolling in iframe

[Daniel Hammond]

| Daniel Hammond wrote:
| > | You can use overflow-x and overflow-y properties separately, 
| > | instead of just "overflow: scroll"
| > | 
| > | http://www.w3.org/TR/css3-box/#overflow 
| > | 
| > | It's been supported since Mozilla 1.8 and IE5. I think all 
| > | browsers support it even though it wasn't part of CSS2.1 
| > | specs (it will likely be in CSS3).
| > | 
| > | Sounds like a topic for a blog post ;-)
| > | 
| > | -Estelle
| > 
| > 
| > Very good. I used "overflow-x: scroll" and it fixed the 
| problem. Thanks very
| > much for your help. Now about what you mentioned regarding 
| the potential
| > situation where I may not know the required width... Do you know of
| > something that would work if that were the case?
| > 
| > Thanks again,
| > Daniel
| 
| Re: 
| For CSS this can only be done with media queries [1] [2].
| 
| @media all and (min-width:800px) {
|iframe {overflow-x:hidden;overflow-y:hidden;}
| }
| 
| This will only work in Safari and Opera.
| 
| 1. 
| 2. 
| 
| Alan http://css-class.com/


Are you sure? This site: http://www.cssplay.co.uk/menu/photo_strip shows
exactly what I'm trying to do, and it's working beautifully in all the
browsers I've tested it in. I'm just trying to figure out why theirs works
in IE7 and mine doesn't. I don't see them using any media queries. Am I
missing something?

Thanks,
Daniel

__
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] What's wrong with these links?

[Alan Gresley]

Martha Spizziri wrote:
> Maybe I'm having a brain cramp, but I've looked at this page and its 
> style sheets
> 
> http://www.asbpe.org/contest/2008/win08multi.htm
> 
> several times and can't figure out why
> 
> 1) Unvisited links in the table show up in blue, not the brick-red color
> 
> and
> 
> 2) Visited links show up reversed -- white type on reddish background.
> 
> Any help will be appreciated.
> 
> Thanks.


This has a lot to do with 34 errors in the CSS.




There is not really 34 errors but just a few like this.

#container {
  width: 500;/* Should be width: 500px; */
}
.sidebar-right {
color=inherit;   /* Should be color:inherit; */
background-color: #F5F1ED;
width: 250px;
margin: 12px;
padding: 12px;
float: right;
clear: none;
}
.pullquote-left {
color=inherit;   /* Should be color:inherit; */
width: 250px;
margin: 6px 12px 12px;
padding: 12px;
float: left;
color: #855727;
font-weight: bold;
}
.pullquote-right {
color=inherit;   /* Should be color:inherit; */
width: 250px;
margin: 6px 0px 12px 12px;
padding: 12px;
float: right;
color: #855627;
font-weight: bold;
text-align: right;
}


Fixing these errors will solve the current problem.


-- 
Alan http://css-class.com/

Nearly all men can stand adversity, but if you want to test a man's 
character, give him power - Abraham Lincoln

Save the Internet - http://www.savetheinternet.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/

Re: [css-d] IE bug with list - can anybody confirm?

[Gunlaug Sørtun]

Luc wrote:
> http://www.dzinelabs.com/sandbox/list1.html

The IE bug is real enough.

> http://www.dzinelabs.com/sandbox/list2.html

> Also, is this the only way to prevent this bug from happening?

No. Adding a 'hasLayout' trigger to the right element(s) will have the
same effect. In your case...

#navlist li a
{
height: 1% /* haslayout trigger */;
}

...will do.

regards
Georg
-- 
http://www.gunlaug.no
__
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] What's wrong with these links?

[Rees, Mark]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Martha Spizziri
Sent: 26 August 2008 15:55
To: css-d@lists.css-discuss.org
Subject: [css-d] What's wrong with these links?


>Maybe I'm having a brain cramp, but I've looked at this page and its 
>style sheets

>http://www.asbpe.org/contest/2008/win08multi.htm

>several times and can't figure out why

>1) Unvisited links in the table show up in blue, not the brick-red color"

This rule is applied

a:link {
color:#003399;
text-decoration:underline;
}

>and

>2) Visited links show up reversed -- white type on reddish background.

I can't reproduce this but imagine that this rule was causing it:

.sidebar-winner > h5 > a:link, a:visited, a:hover, a:active {
background-color:#831C00;
color:#FF;
}

That shows the real problem here quite well. I expect you think this rule 
applies those colours to all links which are within H5s in the sidebar div. 
Unfortunately, it does not. Instead, it only applies them to a:link on H5s in 
sidebar. The other three selectors (a:visited, a:hover, a:active) are applied 
to all links in the site. They are overridden elsewhere, mainly because this 
syntax is quite common in your stylesheets.

The comma acts as a separator between selectors and denotes the beginning of a 
completely new selector. The following will achieve the effect you are looking 
for.

.sidebar-winner > h5 > a:link,
.sidebar-winner > h5 > a:visited, 
.sidebar-winner > h5 > a:hover, 
.sidebar-winner > h5 > a:active {
background-color:#831C00;
color:#FF;
}

I also saw this, which I wouldn't expect to work in IE6:

.Head2 a:link:visited:hover:active, .Head3 a:link:visited:hover:active, .Head4 
a:link:visited:hover:active, .Head5 a:link:visited:hover:active, .Head6 
a:link:visited:hover:active {
background-color:#FF;
color:#831C00;
}

__
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] What's wrong with these links?

[Philippe Wittenbergh]

On Aug 26, 2008, at 11:54 PM, Martha Spizziri wrote:

> Maybe I'm having a brain cramp, but I've looked at this page and its
> style sheets
>
> http://www.asbpe.org/contest/2008/win08multi.htm
>
> several times and can't figure out why
>
> 1) Unvisited links in the table show up in blue, not the brick-red  
> color
>
> and
>
> 2) Visited links show up reversed -- white type on reddish background.

In this stylesheet:
http://www.asbpe.org/css/con08styles.css
you set the colours/background colours for _all_ the a:visited,  
a:hover and a:active elements.

The a:link elements are set in
http://www.asbpe.org/asbpe_main_styles.css


For example, this group of selectors:

.sidebar-winner > h5 > a:link, a:visited, a:hover, a:active {}
or this one
h1, h2, h3, h4, h5, h6 > a:link, a:visited, a:hover, a:active {}

Try
http://gallery.theopalgroup.com/selectoracle/
to help understand/translate what those groups of selectors mean exactly


As for those, that is completely overkill, and will select absolutely  
nothing:

.Head2 a:link:visited:hover:active, .Head3  
a:link:visited:hover:active, .Head4  
a:link:visited:hover:active, .Head5  
a:link:visited:hover:active, .Head6 a:link:visited:hover:active {}

Philippe
---
Philippe Wittenbergh
http://l-c-n.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] Page information drops in IE

[John Shepard]

Go to http://pnma.org. I am having a problem with all the information on
numerous pages dropping below the left side nav.
Can anyone help?

Thanks in advance.

John M Shepard
__
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] What's wrong with these links?

[Keith DiSarno]

Correct me, if I am wrong, but I don't think *a:link:visited:hover:active*
will work. I think you have to split them up:

a:visited,a:hover,a:active
{
}


Keith D.



On Tue, Aug 26, 2008 at 10:54 AM, Martha Spizziri <[EMAIL PROTECTED]> wrote:

> Maybe I'm having a brain cramp, but I've looked at this page and its
> style sheets
>
> http://www.asbpe.org/contest/2008/win08multi.htm
>
> several times and can't figure out why
>
> 1) Unvisited links in the table show up in blue, not the brick-red color
>
> and
>
> 2) Visited links show up reversed -- white type on reddish background.
>
> Any help will be appreciated.
>
> Thanks.
>
__
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] IE bug with list - can anybody confirm?

[Luc]

 Good evening list,  

 I'm fiddling about with a nav and stumbled upon an IE bug (what a
 surprise) which i could solve but i wanted some confirmation wether this
 is some old obscure IE bug.

 page with the bug (css embedded):

 http://www.dzinelabs.com/sandbox/list1.html

 page with bug solved:

 http://www.dzinelabs.com/sandbox/list2.html

 As you will see, the first page displays a mysterious gap which i
 could only get rid off by changing the html as so:

  and ending with 

 IOW: the  and  tags can't be on a separate line.

 Also, is this the only way to prevent this bug from happening?
 
-- 
Best regards,
 Luc


Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"»Stay« is a charming word in a friend's vocabulary." - Bronson
Allcott



__
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] Everything sinks in IE on a PC

[John Shepard]

Please check : http://pnma.org. Most pages the site info falls to bottom of
page.

Anyone help?

Thanks in advance.

John Shepard
__
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] Everything drops to bottom of page

[John Shepard]

Please check out http://pnma.org. On most pages, everything drops to the
bottom of the page in Internet Explorer.  Had this problem before  but
forget how to fix.

Thanks in advance.

John M Shepard
__
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] Horizontal scrolling in iframe

[Alan Gresley]

Daniel Hammond wrote:
> | You can use overflow-x and overflow-y properties separately, 
> | instead of just "overflow: scroll"
> | 
> | http://www.w3.org/TR/css3-box/#overflow 
> | 
> | It's been supported since Mozilla 1.8 and IE5. I think all 
> | browsers support it even though it wasn't part of CSS2.1 
> | specs (it will likely be in CSS3).
> | 
> | Sounds like a topic for a blog post ;-)
> | 
> | -Estelle
> 
> 
> Very good. I used "overflow-x: scroll" and it fixed the problem. Thanks very
> much for your help. Now about what you mentioned regarding the potential
> situation where I may not know the required width... Do you know of
> something that would work if that were the case?
> 
> Thanks again,
> Daniel

Re: 


For CSS this can only be done with media queries [1] [2].


@media all and (min-width:800px) {
   iframe {overflow-x:hidden;overflow-y:hidden;}
}


This will only work in Safari and Opera.


1. 
2. 



-- 
Alan http://css-class.com/

Nearly all men can stand adversity, but if you want to test a man's 
character, give him power - Abraham Lincoln

Save the Internet - http://www.savetheinternet.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/

Re: [css-d] Horizontal scrolling in iframe

[Daniel Hammond]

| > URL: http://www.studentremix.org/test/ms/media.htm
| > CSS: http://www.studentremix.org/test/ms/ms.css
| 
| 
| Perhaps something like this:
| http://www.cssplay.co.uk/menu/photo_strip
| 
| Cheers,
| Gary


Thanks so much, that works perfectly in all browsers tested except for IE7.
It scrolls vertically now. I don't see what the difference between their
code and mine is that would be causing the problem. Any ideas?

Thanks,
Daniel

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