Re: [css-d] IE issues

[Travis Killen]

Hi David -

I don't know what you mean.  Are you asking me what I changed from your 
layout?  One thing that I change was this:

div#content{margin: 0 200px;}
to this
div#content{
margin: 0 0 0 174px;
padding: 15px 185px 15px 15px;
}

This gives the right column a solid background.  Thanks for your help!

-TK

~davidLaakso wrote:

>Travis Killen wrote:
>  
>
>>Can someone point me in the right direction with my IE problems here.
>>http://www.tylerstrings.com
>>
>>I am using code from the following which seems to work in IE, but I 
>>can't find my error.
>>http://www.chelseacreekstudio.com/ca/cssd/014.html
>>
>>much thx
>>-Travis Killen
>>  
>>
>>
>Maybe you could point me toward getting mine to look the way yours dose 
>in Firefox :-) ?
>~dL
>
>  
>

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE issues

[~davidLaakso]

Travis Killen wrote:
> Can someone point me in the right direction with my IE problems here.
> http://www.tylerstrings.com
>
> I am using code from the following which seems to work in IE, but I 
> can't find my error.
> http://www.chelseacreekstudio.com/ca/cssd/014.html
>
> much thx
> -Travis Killen
>   
Maybe you could point me toward getting mine to look the way yours dose 
in Firefox :-) ?
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 and feedback requested

[j]

Hi
Can Mac users please check this site?
http://www.jeankorte.netfirms.com/index.html
Also, my client (IE version??) says that the indigo background image in the 
header is showing under the pictures.  It is supposed to line up and it does on 
my browsers (FF, IE7 and Netscape)  I fixed some validation problems and I'm 
hoping that this solved the problem.
I still have a few CSS warnings but no errors.
Thanks in advance
jean korte


See lots of quilting patterns at my site.
http://www.quiltingwhatnot.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Problem with Scrolling Div

[Roger Roelofs]

Dean,

On Oct 11, 2006, at 9:19 AM, Dean Champeau wrote:

> I created a div that contains variable-height content (a big table
> that will expand and contract as the visitor changes type size). I'd
> like it to scroll while taking up the entire height of the browser
> window. So I created some properties for the div...
>
> height:100%;
> overflow:scroll;
>
> This adds a scroll bar, but it doesn't allow scrolling. If I change
> the height value to...
>
> height:auto;
>
> ... I get the same result. However, if I change the height value to...
>
> height:300px;
>
> ... then I get a scroll bar that actually scrolls the data, and it
> eliminates the browser's own scroll bar, which is the effect I want.

What you really want is position: fixed;  but ie6 doesn't support  
it.  Alternatively, you could set the height of the table container  
to 100% - the size of the header section, which you can do with  
proprietary ie css behavior code, but that won't work anywhere else.   
You can get close with the following:

html, body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   height:100%;   /* this height must be set for child heights to  
work */
   margin: 0;
   padding: 0;
}

table-container {
   height:90%;
   overflow:auto;
}

#data {
   font-size:.8em;
   border-collapse:collapse;
   width:99%;
   margin: 0 0 0 6px;
}

Basically, I'm allocating 10% of the window height for the header and  
giving the other 90% to the data table.  This is only a 'sort of'  
solution because it will cause double scroll bars at short window  
heights and a gap at the bottom for tall ones.

BTW, it would be more semantic html to use thead and tbody rather  
than two separate tables.

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] float clearing problem

[Matt Tibbits]

Thank you very much for your help and your detailed explanations. Very much
appreciated.

Matt 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/471 - Release Date: 10/10/2006
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie vs fox vs opera - HTML 4.0 - dynamic form

[Gunlaug Sørtun]

Emily DeJoode wrote:

> The layout is screwed to hell. You can see the normal pages like: 
> www.plastic-tags.com/materials.php Is there any glaringly obvious 
> reason why the layouts are so screwed in the browsers?

I can't see what's so terribly wrong with the look of that page in my
browsers - Opera, Firefox and IE6.

> Will I likely need to create browser specific conditional styles?

Don't think so -- unless you want pixel-perfection (which you won't
achieve anyway).

You should start here...

...and take the validator-round with all your pages. That might solve
some of your problems, and make it easier to get help with what's left.

---

Tricking with doctypes and rendering modes across browser-land won't
lead to well working pages in the long run. Better to go with a complete
and Strict doctype, and make sure the source-code is up to the standard
you choose. Scripts likewise.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] fluid layout

[~davidLaakso]

~davidLaakso wrote:
> iorhael wrote:
>> I am trying to give this site a fluid look rather than in a container 
>> (per the client's request)...I removed the container and for a time, 
>> the content and copyright were fluid (stretched across the screen) 
>> but somehow it has gone back to the container look (see the block 
>> outline in Firefox) even though I have removed the container! I still 
>> have the settings for the content, menu, and copyright set to 
>> percentages.
>> Also, even when it did look fluid, the banner background (set to 
>> repeat-x) did not go all the way across.
>> I have validated everything. The person who started this used layers, 
>> which I don't understand but have left in...perhaps these are causing 
>> the problem?
>> http://www.figureskatersonline.com/znew/about.php
>> http://www.figureskatersonline.com/stylesheets/main.css
>> http://www.figureskatersonline.com/stylesheets/import.css
>> http://www.figureskatersonline.com/stylesheets/menu.css
>> Am really stumped here!
>>   
> Me, too. Perhaps someone can help both of us out. Your file is sort of 
> confusing, as there is a lot of the css not being employed (not to 
> mention all that crazy absolute positioning and z-index stuff). This 
> is a stripped version. 
> . Whether it 
> gets you in the "rink" remains to be seen. And, as mentioned, others 
> may provide a more adequate solution.
>> Debbie
>>
>>   
> HTH
> Best,
> ~dL
>
Whoops , corrected file on server, now.

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] fluid layout

[~davidLaakso]

iorhael wrote:
> I am trying to give this site a fluid look rather than in a container (per 
> the client's request)...I removed the container and for a time, the content 
> and copyright were fluid (stretched across the screen) but somehow it has 
> gone back to the container look (see the block outline in Firefox) even 
> though I have removed the container! I still have the settings for the 
> content, menu, and copyright set to percentages.
> Also, even when it did look fluid, the banner background (set to repeat-x) 
> did not go all the way across.
> I have validated everything. The person who started this used layers, which I 
> don't understand but have left in...perhaps these are causing the problem?
> http://www.figureskatersonline.com/znew/about.php
> http://www.figureskatersonline.com/stylesheets/main.css
> http://www.figureskatersonline.com/stylesheets/import.css
> http://www.figureskatersonline.com/stylesheets/menu.css
> Am really stumped here!
>   
Me, too. Perhaps someone can help both of us out. Your file is sort of 
confusing, as there is a lot of the css not being employed (not to 
mention all that crazy absolute positioning and z-index stuff). This is 
a stripped version. 
. Whether it gets 
you in the "rink" remains to be seen. And, as mentioned, others may 
provide a more adequate solution.
> Debbie
>
>   
HTH
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Float clearing and negative bottom margin

[Gunlaug Sørtun]

Eric Hassler wrote:

> http://erichassler.com/mommytalk_v2/

> [...] In FF and Safari you can scale the type and it works fine. In
> IE, however, the negative margin doesn't pull the bottom div up to
> the bottom of the photo.
> 
> I hope I explained that well enough. It'll be obvious when comparing
>  FF and IE

Not really, since they come up with a space in all my browsers.
Anyway, the cause is that IE makes room for text - with line-height - in
an empty div. There have been a few similar cases on css-d lately, so
you'll may look around for examples.

The safest solution is to add a comment inside those clearing-divs...

...to make IE understand that it is empty.

Also: add 'position: relative' to those photos to avoid them getting
covered by the bottom div in IE.


Other than that: the "fixed" line-height doesn't play well in IE-win, as
that small text forces me to 'ignore font size' anyway.
And, there's no attribute 'clearfix'...


regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] vertical space in text

[Roger Roelofs]

Arnie,

On Oct 12, 2006, at 4:17 PM, Arnie wrote:

> Now I would like to add some vertical space and I am not sure what  
> is the accepted way to do that.
>
> The site is a abshafer.com.  Go down the menu to "Genealogy".

Set a larger margin on the affected elements.  Assuming they are  
paragraph elements, something like the following should do.

p { margin: 2em 0; }

hth

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Release of IE7

[Jim Nannery]

Afternoon Sebastian

You wrote

> Does any of you guys know how IE 7 will be released.
> Will it be released as an update or as a download ?
>
> // Sebastian

This link to the IE Blog [1] will answer your question.  Read the Oct 6th 
entry.

[1] http://blogs.msdn.com/ie/

hth

Jim Nannery
www.sylvesterneal.com 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Matt Jacobson-Carroll]

Perhaps because of autofill

-mjc

On Oct 12, 2006, at 4:30 PM, ~davidLaakso wrote:

> iorhael wrote:
>> Would someone be able to tell me why these input fields have  
>> turned yellow...this just happened...its been looking fine for  
>> months but today they are yellow.
>> http://www.figureskatersonline.com/parkerpennington/contact.php
>> http://www.figureskatersonline.com/parkerpennington/css/ 
>> parker_form.css
>> Debbie
> xp :: ie/moz/ff/seamonkey/opera
> No yellow to be found here.
> Regards,
> ~dL
>
> -- 
> http://chelseacreekstudio.com/
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] vertical space in text

[Arnie]

Greetings to all,

I have been away for about a year. During that time I figured out how to use 
the programmed output from PAF (a genealogy program) to fit into the scheme of 
the rest of my family web site

Recently they modified file names which totally messed up my genealogy page. I 
had 57 errors!  They have all been corrected.

Now I would like to add some vertical space and I am not sure what is the 
accepted way to do that.  In the old says I would have just used a blank 
paragraph, , now I want to do it RIGHT.

The site is a abshafer.com.  Go down the menu to "Genealogy".   Thanks to all!
Arnie Shafer
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[~davidLaakso]

iorhael wrote:
> Would someone be able to tell me why these input fields have turned 
> yellow...this just happened...its been looking fine for months but today they 
> are yellow.
> http://www.figureskatersonline.com/parkerpennington/contact.php
> http://www.figureskatersonline.com/parkerpennington/css/parker_form.css
> Debbie
xp :: ie/moz/ff/seamonkey/opera
No yellow to be found here.
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie vs fox vs opera - HTML 4.0 - dynamic form

[Emily DeJoode]

So I help out a local designer with coding problems.
I showed her the wonders (well sorta) of CSS, and now she's an addict too.

One of her current projects is a local sign/engraving company who has a  
'quote' form
that was created using Visual Studio for her by a relative of the company  
owner.
After I cleaned up all the absolute positioning... (lol)
It wouldn't work in anything but IE (no javascript would fire on  
Fox/Opera), though the layout worked great!
Fixed that (ie specific js functions, document.all), by giving it the ol'  
HTML 4.0 Transitional doctype, now the form functions in all 3.

But.

The layout is screwed to hell.
You can see the normal pages like: www.plastic-tags.com/materials.php
Is there any glaringly obvious reason why the layouts are so screwed in  
the browsers?
Will I likely need to create browser specific conditional styles?
Its just not coming to me while staring at this all ;)

If you'd like to dig into the problem, here's her stylesheets - keep in  
mind they were partly created w/Dreamweaver.
The used stylesheets:
plastic-tags.com/form2.css - the for quote form page only
plastic-tags.com/indexpvii.css - the more basic styles
plastic-tags.com/p7pmv5.css - for the navigation bar (I think)
}


-- 
Emily DeJoode
Freelance Web-Worker
snowflake-tech.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Universal selector

[Kenny Graham]

Gunlaug Sørtun wrote:
> Use of the universal selector
> makes no other sense than that it adds specificity to the plain
> ID-selector.

Rimantas Liubertas wrote:
> The first rule will apply to the element with the id="leftcol"
> regardless of it's position in DOM.

The universal selector in the first rule specifies that it can't be
the root element.  In HTML, the first rule will not apply to , but will apply to any other element with that ID.
Unless using IE of course, but that's another story.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Organising my CSS styles

[Ian Piper]

All,

Thanks for all the replies on this. Much appreciated and useful  
information.
Regards,


Ian.
-- 
Dr Ian M Piper
[EMAIL PROTECTED]
skype: ianmpiper
-- 
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE issues

[Travis Killen]

Can someone point me in the right direction with my IE problems here.
http://www.tylerstrings.com

I am using code from the following which seems to work in IE, but I 
can't find my error.
http://www.chelseacreekstudio.com/ca/cssd/014.html

much thx
-Travis Killen
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Float clearing and negative bottom margin

[Eric Hassler]

Hi all,

Working on a new layout, but having a little problem in IE6.

http://erichassler.com/mommytalk_v2/

The issue concerns "the News" and "meet Lorraine" boxes. They're  
built basically like this:

 (container and bkg)
 (top curvy rect gradient bkg image)
 (graphic header)
 (left floated head shot image)
 (some content)
(bottom curvy rect gradient bkg image)
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] annoying space between 2 divs

[Jens Nedal]

One addition. If you are using FF for testing, then it is a good idea
to use the DOM Inspector which you can add during installation. With
the DOM Inspector in FF or via the Web Developer Toolbar for IE you
can select each element and see their style attributes and how much
space they actually take up in the design. Very handy for finding
quirks in your CSS that are not obvious at the first glance.

regards, Jens

On 10/10/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I'm having problems again and have no idea why this isn't working properly.
>
> I have a div w/ an image that takes up the entire div. Under that is a basic 
> 2 column layout. I can't seem to get the 2 divs to butt against each other. 
> Everything has been zeroed. I know it sill needs styling but right now I want 
> to get rid of the space.
>
> http://www.cherylamato.com/trusted/
>
> I am at a complete loss. Any help is appreciated.
>
> Cheryl
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] annoying space between 2 divs

[Jens Nedal]

Hi Cheryl,

This one is easy. The p element still has its basic style, meaning a
1em top and bottom margin. Since you use floated divs inside the
content wrapper the browserrendering thinks there is no content inside
and applies the margin wrongly. Simply change the p margin to
something like:

p {
   margin: 0 0 1em 0;
   padding: 0;
}

regards, Jens

On 10/10/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I'm having problems again and have no idea why this isn't working properly.
>
> I have a div w/ an image that takes up the entire div. Under that is a basic 
> 2 column layout. I can't seem to get the 2 divs to butt against each other. 
> Everything has been zeroed. I know it sill needs styling but right now I want 
> to get rid of the space.
>
> http://www.cherylamato.com/trusted/
>
> I am at a complete loss. Any help is appreciated.
>
> Cheryl
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Any problems with list?

[Jough]

>Anyone know if there's a problem with the list? I've only started
> getting
> emails again today (Thursday) and previously haven't got any since Monday.
> Same for everyone or just me?

Same with me too.

Jough

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Micky Hulse]

iorhael wrote:
> Would someone be able to tell me why these input fields have turned 
> yellow...this just happened...its been looking fine for months but today they 
> are yellow.
> 
> http://www.figureskatersonline.com/parkerpennington/contact.php
> 
> http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

Had this prob too a while back... was pretty annoying.

This thread/post might help:
*Form field colours*


Cheers,
Micky




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Organising my CSS styles

[Steve Clason]

Ian Piper wrote:

> My client also wants to have colour variations within the overall  
> them on some pages, meaning that I will have to vary background and  
> keyline colours.
> 
> The question is one of how best to organise my css files. I could  
> have all of the styles defined in one .css file and put the  
> variations in the head of each html file, or I could link to a style  
> sheet designed specifically for the page, and then import the more  
> general style sheet. From what I read it appears that linked styles  
> override imported styles. The latter seems a cleaner approach, but  
> most of the sites styles would end up in an imported style sheet, and  
> I understand that older browsers do not support importing.

I do this a lot on CMS-based sites and I've slowly settled into using 
one main style sheet with structural stuff and a default "theme", then 
linking individual style sheets for the various themes/colors in the 
head, like:




The rules in "section.css" will override those in "main.css".

Of course, these are dynamic (that is, data-base driven, not exciting) 
sites so I can automagically call the required stylesheets via some 
server-side code and don't have to maintain the links manually.  It's 
not unusual to have 20 style sheets in a project, some with just a few 
lines. I'm sure others will point out the downside to doing it this way 
but I think this helps me keep my wits around what's being applied where.

FWIW, YMMV, My $.02, etc.

-- 
Steve Clason
Web Design & Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Organising my CSS styles

[Jens Nedal]

Hi Ian,

Here is one approach to take. I have used this basically when i have
different "skins" for the same template, where just the color changes
and the structure remains the same.

usually the whole HTML structure is encased by one single div, that
usually does not have a style associated, unless in want make
something that changes the design overall:

..

Would i like to add a blue skin, i would simply add

..

and can so subsequently change the styles that i require to give the
site a blue look and can leave anything else as is.

Our projects structure just uses different stylesheets when need to
make adjustments to IE Versions with Conditionals. Otherwise its just
one stylesheet containing comments that markout the sections.

Usually Standard styles that describe basic html attributes com first:
html, body, img, form, td and so forth...

Then sections get added that describe the content area in more detail
and after that styles for the footer area. Should there be changes due
to skins or special pages that fallout of the standard layout, these
follow as their own sections in the specific content area.

You can see a more complex example here. It does not use skins in the
sense of changing the whole layout, but i think it illustrates quite
well what i mean.

http://www.parkettboeden.at/web/css/common.css

regards, Jens

On 10/9/06, Ian Piper <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I'd appreciate your guidance on how best to organise my CSS styles.
>
> I am designing a site that has an overall design with some variations
> on some pages. For example, I have this for a page banner style:
>
> #page_banner {
> background: url(../images/banner_page_name.gif) no-repeat;
> width: 990px;
> height:  102px;
> }
>
> where I will have a number of different banner_page_name.gif files.
>
> My client also wants to have colour variations within the overall
> them on some pages, meaning that I will have to vary background and
> keyline colours.
>
> The question is one of how best to organise my css files. I could
> have all of the styles defined in one .css file and put the
> variations in the head of each html file, or I could link to a style
> sheet designed specifically for the page, and then import the more
> general style sheet. From what I read it appears that linked styles
> override imported styles. The latter seems a cleaner approach, but
> most of the sites styles would end up in an imported style sheet, and
> I understand that older browsers do not support importing.
>
> Anyway, I can't figure out in my own mind which is the best approach,
> and can't find much on the web about it. Any guidance appreciated.
>
> Thanks,
>
>
> Ian.
> --
> Dr Ian M Piper
> [EMAIL PROTECTED]
> skype: ianmpiper
> --
> Where is the wisdom we have lost in knowledge?
> Where is the knowledge we have lost in information?
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Any problems with list?

[Daniel Hammond]

| Anyone know if there's a problem with the list? I've only 
| started getting emails again today (Thursday) and previously 
| haven't got any since Monday.
| Same for everyone or just me?
| Eoin.

Same for everyone.

Daniel Hammond
www.objectivedesigns.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] nesting / specificity problem

[Mark J. Reed]

On 10/6/06, Dave Pierce <[EMAIL PROTECTED]> wrote:
> > ..panel1 .container-type1 p {
> >   background-color: cyan;
> > }
> > ..panel1 .container-type2 p {
> >   background-color: blue;
> > }
> > ..panel2 .container-type2 .container-type1 p {
> >   background-color: pink; /* this isnt working. */
> > }
> > ..panel2 .container-type1 .container-type2 p {
> >   background-color: purple;
> > }
>
> Sam,
>
> It looks to me like your second statement is overriding the first.
>
> In the first statement, you've designated panel 2, both types of
> containers, to have pink backgrounds.

No.  A sequence of specifiers in CSS specifies a descendant
relationship, not an "either or" relationship.  The specifier "
.panel2 .container-type2 .container-type1 p  "  says "any paragraph
contained in an element whose classes include "container-type1" which
is in turn contained in an element whose classes include
"container-type2" which is in turn contained in an element whose
classes include "panel2".  The containment need not be direct but may
have any arbitrary number of interceding elements, so the paragraph
below would match:


My Nifty Page

My Nifty Page

   
 
I match that specifier!
 
   
 





element whose class is "panel2"
> In the second statement, you've designated panel two, both
> containers, to have a purple background.
>
> Also, remember that the p will be recognized by CSS as controlling
> your  paragraphs. I think that means that the paragaph color is
> overriding any desired color callouts.
> Instead of marking the problem items with a letter, you should
> probably use a /*comment*/
>
> Not sure if that means anything, or if I'm right...I'm no expert,
> just a beginner.
>
> Dave Pierce
> Pierce Art & Design
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
Mark J. Reed <[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Organising my CSS styles

[Dave Goodchild]

I tend to use link rel="" etc  and place the required @imports into the
linked stylesheet ie

on page/template:

link rel="stylesheet" type="text/css" href="styles.css" />

and in styles.css for example:

@import global.css
@import colours.css
@import filter.css

etc. That way I can change which sheets I am importing by editing that
single file. Don't place variations in the head of the html page, they are
better off in a stylesheet that contains the styles that will vary;
otherwise you have to edit all the pages that contain the embedded styles
(if you are not using some kind of template) and you lose the power and
flexibility that css gives you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[iorhael]

> My guess is that you have turned on AutoFill in your Google Toolbar. Go 
> into
> the Settings dialog for the Google Toolbar and turn off AutoFill, then
> reload the page and you should see what you expect.

Thanks so much to all of you who helped me identify the problem here...I 
have never seen this with Google before but had to reinstall my Google bar 
yesterday so apparently that's what is happening...

Debbie 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Release of IE7

[Sebastian Dammark]

Does any of you guys know how IE 7 will be released.
Will it be released as an update or as a download ?

// Sebastian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Web Dandy Design]

Hi Debbie,

 

I believe this has something to do with the Google toolbar. There is an
'AutoFill' option on the Google Toolbar (switched on by default), that will
'helpfully' highlight form fields with certain names such as 'email' or
'name'.

 

You can stop it from doing this by using form fields with names that the
Google Toolbar won't recognize.

 

Hope this help.

 

Kind regards,

 

Elaine

http://www.webdandy.co.uk   

 

 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of iorhael
Sent: 11 October 2006 22:15
To: css-d@lists.css-discuss.org
Subject: [css-d] Yellow input fields

 

Would someone be able to tell me why these input fields have turned
yellow...this just happened...its been looking fine for months but today
they are yellow.

 

http://www.figureskatersonline.com/parkerpennington/contact.php

 

http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

 

Debbie

__

css-discuss [EMAIL PROTECTED]

http://www.css-discuss.org/mailman/listinfo/css-d

IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[tg-php]

No yellow in my Firefox or IE.  Everything's blue with a light blue/cyanish 
border.

-TG

= = = Original message = = =

Would someone be able to tell me why these input fields have turned 
yellow...this just happened...its been looking fine for months but today they 
are yellow.

http://www.figureskatersonline.com/parkerpennington/contact.php

http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/


___
Sent by ePrompter, the premier email notification software.
Free download at http://www.ePrompter.com.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Michael Geary]

> Would someone be able to tell me why these input fields have 
> turned yellow...this just happened...its been looking fine 
> for months but today they are yellow.
> 
> http://www.figureskatersonline.com/parkerpennington/contact.php
> 
> http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

My guess is that you have turned on AutoFill in your Google Toolbar. Go into
the Settings dialog for the Google Toolbar and turn off AutoFill, then
reload the page and you should see what you expect.

-Mike

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Universal selector

[Mark J. Reed]

On 10/10/06, Jørgen Farum Jensen <[EMAIL PROTECTED]> wrote:
> Is there any difference at all between
> * #leftcol {font-family:arial,sans-serif;}
> #leftcol * {font-family:arial,sans-serif;}

The first one is equivalent to this  version, with no * at all:

#leftcol {font-family: arial, sans-serif; }

It just says that the element whose id is "leftcol", no matter what
type of element it is, should have its font-family set as indicated.

The second one:

#leftcol * {font-family: arial, sans-serif; }

Does not touch the element whose id is "leftcol" at all.  Rather, it
sets the font on its *children*.

Here's a concrete example of the difference.  Given this CSS:

html, body { font-family: serif; }
#leftcol { font-family: arial, sans-serif; }

This HTML would render as it describes itself:

Serifs Here


  No more serifs
No serifs in here, either
Still sans-serif.


But now the serifs are back.



But with the CSS changed to this:

html, body { font-family: serif; }
#leftcol * { font-family: arial, sans-serif; }

You get this instead:

Serifs Here


  And still serifs here!
No serifs in here, though
Back to being serifed.



Because the style in the #leftcol * selector gets applied to the p
inside the div, but not the div itself.


-- 
Mark J. Reed <[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Glenn E. Lanier, II]

> From: iorhael
> Sent: Wednesday, October 11, 2006 4:15 PM

> Would someone be able to tell me why these input fields have 
> turned yellow...this just happened...its been looking fine 
> for months but today they are yellow.
> 
> http://www.figureskatersonline.com/parkerpennington/contact.php

Debbie,

Did you recently install the Google toolbar? Viewing this page in WinXP
FireFox 1.5 didn't show any input fields with yellow backgrounds.

See http://archivist.incutio.com/viewlist/css-discuss/38650 for one
discussion of this.

--G

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Dave Goodchild]

Have you got the Google auto-complete function turned on?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[Chris Williams]

'Cause you installed the google toolbar?  They aren't yellow here...

-Original Message-
From: iorhael
Subject: [css-d] Yellow input fields

Would someone be able to tell me why these input fields have turned
yellow...this just happened...its been looking fine for months but today
they are yellow.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Any problems with list?

[Jens Nedal]

Hi,
Same here. I got a large load of mails today, all dating from this
evening. Did not get any mails for a couple of days.

regards, Jens

On 10/12/06, Eoin Maguire <[EMAIL PROTECTED]> wrote:
> Hi,
>
>Anyone know if there's a problem with the list? I've only started getting
> emails again today (Thursday) and previously haven't got any since Monday.
> Same for everyone or just me?
>
> Cheers,
>
> Eoin.
>
> --
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.1.408 / Virus Database: 268.13.2/472 - Release Date: 11/10/2006
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] left:auto problem in IE

[Schalk]

Greetings All,

Please have a look at the following URL: www.jcislord.org

The top navigation uses 'son of suckerfish' for the drop down menu. In 
FF all is fine however, in IE using left:auto causes the drop down to 
start way over to the right. Does anyone have any idea why this is 
happening? Also, another strange IE quirk, when you hover over any of 
the top level nav elements the side-bar is moved a couple of pixels to 
the left away from the right hand border. Any ideas?

Thank you in advance.

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Universal selector

[Gunlaug Sørtun]

Jørgen Farum Jensen wrote:
 > Is there any difference at all between
 > * #leftcol {font-family:arial,sans-serif;}
 > and
 > #leftcol * {font-family:arial,sans-serif;}

Definitely!

The first example targets #leftcol _inside_ _any_ element, but *only*
#leftcol (and elements inside #leftcol). Use of the universal selector
makes no other sense than that it adds specificity to the plain
ID-selector.

The second example targets _any_ element _inside_ #leftcol, but *not*
#leftcol itself. Use of the universal selector makes perfect sense if
you want to target all elements inside another.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Universal selector

[Rimantas Liubertas]

> Is there any difference at all between
> * #leftcol {font-family:arial,sans-serif;}
> and
> #leftcol * {font-family:arial,sans-serif;}

Yes, there is. The first rule will apply to the element with the id="leftcol"
regardless of it's position in DOM.

The second rule will apply to _all elements_ which happen to be
descendants of #leftcol.



Regards,
Rimantas
--
http://rimantas.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Weird empty space

[Ian Young]

> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Daniel Hammond
> Sent: 10 October 2006 18:28
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Weird empty space
>
>
> Why is there empty space above the "content_text" div at
> www.objectivedesigns.com/2/? I can't seem to get rid of it.
>
> (I have colored the background of the "content" div green so you
> can easily
> see what I'm talking about.)
>
> Daniel Hammond
> www.objectivedesigns.com
>

Removing the  at line 23 (between the nav and content_taxt divs) does
the trick.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/472 - Release Date: 11/10/2006

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] site check: dropdown menu display

[Éric Vesque]

Suzanne Goodwin a écrit :
> Please have a look at the home page:
> 
> http://www.outlooksoft.com/index-new.htm
> 
> I'm using Eric Meyer's dropdown menus as you can see, but there's a 
> small display problem in standards-compliant browsers (on PC and Mac): 
> when you mouse over a dropdown item that has sub-items under it (for 
> example, under the Services tab, if you mouse over Training), you'll see 
> that the 1px white border surrounding the menu has a gap along the top 
> right edge.
> 
> Thanks in advance for any insight you can offer.

I haven't seen that gap in FF 1.5.0.7 on Win2k

Hope that helps a little bit.

-- 
Éric Vesque
imprimerie Print, Limoges
http://www.affaire-imprimerie.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Max-Width

[Gunlaug Sørtun]

Steve Craig wrote:
> I soon have too make a start on a new site for a client and they want
>  to use max-width to limit the expansion of the site. Just wondering 
> if there is a definitive or good example anywhere of implementing 
> this correctly for IE etc?

IE7 handles max-width (more or less) correctly, but IE6 never will.
Plenty of workarounds for IE6, based on javascript.

I use IE-expressions like the ones described here...

...that covers IE5.0, 5.5 & 6.0.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Max-Width

[Manuel Razzari]

> I soon have too make a start on a new site for a client and they want
> to use max-width to limit the expansion of the site. Just wondering
> if there is a definitive or good example anywhere of implementing
> this correctly for IE etc?

Hello Steve,

Dean Edwards' IE7 supports this, but I found it to be too bloated just
to get a max-width, and also might add support for other things you
didn't want supported in your layout.

There was also a solution by Andrew Clover which worked but I can't
remember why I didn't use it.

So I've been using Svend Tofte's
http://www.svendtofte.com/code/max_width_in_ie/
and it's worked great so far (irwf.org.ar has been working for years,
and next week will be online gsystems.com which also uses it)

My *personal choice* is to use a liquid #container, and make sure the
whole layout works well with, say, #container { width: 90%; }, so
you're covered if the UA doesn't support max-width at all.

Then I have an IE 5 - 6 only stylesheet (since IE7 support max-width):



And it that stylesheet I use this to get max-width/min-width:
#container {
width: expression(
(document.body.clientWidth > 986)?"985":
(document.body.clientWidth < 765)?"760":"auto");
}

Tip #1: Note that *the widths don't match*, that is, if the canvas is
larger than 986px, I set the container to 985px. This avoids random
crashes and layout jumpin'.

Tip #2: Also, you might need to add position:relative; or the holly
hack if you get dissapearing elements when resizing the browser.

Tip #3: In IE 5.0, if you see it has problems inheriting the width
from the container or you have positioned elements anchored at the
wrong place, you can try adding some extra div inside your container,
just with position:relative or width:100%;

... That's IE, then you just use max/min-width in your main screen CSS
for modern browsers :p.

HTH,

-- 
Manuel Razzari
YO   -> http://ultimorender.com.ar/funkascript
CVAM -> http://conVistaAlMar.com.ar
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Opera collapsing contentbox on input hover

[Gunlaug Sørtun]

James Leslie wrote:

> That works a treat in opera 7.54, but it still has the same fault in 
> opera 9.02 and I know that some of our clients are using the latest 
> opera browser.

I thought I had the latest versions covered since I used 9.01 while
testing. Must have made an error though.

I'm still not sure which bug we're dealing with here, so the following
is as "well hacked" and well tested as can be in Opera 7,54, 8.50, 9.01
& 9.02, and should not bother any other browser.

@media screen and (min-width: 0px){
html:first-child>body #innercontentbox {width: 0;}
}

As usual: no hacks are future-safe.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Any problems with list?

[Eoin Maguire]

Hi,

   Anyone know if there's a problem with the list? I've only started getting
emails again today (Thursday) and previously haven't got any since Monday.
Same for everyone or just me?

Cheers,

Eoin.

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/472 - Release Date: 11/10/2006
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Weird empty space

[Daniel Hammond]

You guys will be proud of me. I'm reconstructing my site to be pure CSS. No
tables and no iframes.

URL: www.objectivedesigns.com/2/index.htm

CSS: www.objectivedesigns.com/2/index.css

But I'm having some problems:

Why is there empty space above the "content_text" div? I can't seem to get
rid of it. (I have colored the background of the "content" div green so you
can easily see what I'm talking about.)

Also, why is there no margin space below the site at the bottom of the page?
(You may need to reduce the size of your browser window and scroll down to
the bottom to see what I'm talking about.) I want there to be the same 20px
at the bottom that there is at the top.

Daniel Hammond
www.objectivedesigns.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE7 issue about font-size, li, img

[Felix B.]

Hopefully this is not a doublepost.

In an earlier post "Fontsize changes li elements with imgs only" you figured 
out, that I have
to set the display of img els inside LI elements to "display:inline".

That works in all browsers I've testet so far.

But since I installed IE7 beta3 on a laptop the same issue arises again.

So people with IE7 test capability, please review the site an tell me what
I do wrong here. You can see that the margins between the LI Elements
are far to big compared to FF,NS, IE6, IE5.5, Safari (Mac) ...

Have a look at the example:
http://xworld2000.de/ie7/inhalt.html


Any help and critisism is appreciated !


Felix B.

-- 
_
~www.freeskier.de
~www.offtype.com
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] extra space after in IE

[clamato]

Thanks to several people the space is gone. There are actually 2 solutions - 
add a comment inside the html, or add a font-size smaller than the actual image.

Thanks to all.
Cheryl
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] One div is pushing content down page in following div in IE

[GypsiiRose Baptiste]

Here is the page in question:
http://www.iskippedlunch.com/z_test/index_2.php
It correctly displays in Firefox.

In several versions of IE 6 (at least Windows XP and 2000 Pro) the green
sidebar content pushes all the way down the page when I have the "client
story" section included.  I just can't figure it out.  Any ideas?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] annoying space between 2 divs

[clamato]

I'm having problems again and have no idea why this isn't working properly.

I have a div w/ an image that takes up the entire div. Under that is a basic 2 
column layout. I can't seem to get the 2 divs to butt against each other. 
Everything has been zeroed. I know it sill needs styling but right now I want 
to get rid of the space.

http://www.cherylamato.com/trusted/

I am at a complete loss. Any help is appreciated.

Cheryl 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Positioning of a container DIV containing images andtext

[Jens Nedal]

Hi,

mixed sizes in px and % don't go to well together.

This would help:
div#navigation
{
  color: white;
  background-color: red;
  width: 15%;
  float: left;
  padding-bottom: 300px;
}

div#pagetext
{
  color: black;
  background-color: #f0;
  margin: 10px;
  float: left;
  width: 75%;
}

regards, Jens

Something like this would work. Mixing px and % works badly together. Making

On 10/9/06, Andrew May <[EMAIL PROTECTED]> wrote:
> Thanks,
>
> That does pretty much what I was hoping for. but. is there anyway of making
> the pagetext division take up ALL the available space not taken up by
> navigation. If I set width to 100% it tries to take up the full width so
> wraps to the bottom. The size of the viewport is obviously not known.
>
> Andrew
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Jens Nedal
> Sent: 08 October 2006 18:09
> To: Andrew May
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Positioning of a container DIV containing images
> andtext
>
>
> Hi Andrew,
> You forgot to float the div#pagetext and since h1 and p will try go
> for the whole width you will also need to set a width for div#pagetext
>
> Example:
> div#pagetext {
>   color: black;
>   background-color: #f0;
>   margin: 10px 10px 10px 10px;
>   float: left;
>   width: 70%;
> }
>
> If anything follows below you should add a clear:both in the wrapping
> container or add a seperate div at the bottom that has clear:both as a
> property.
>
> regards, Jens
>
> On 10/6/06, Andrew May <[EMAIL PROTECTED]> wrote:
> > I am new to all this so please be gentle.
> >
> > I have a simple two-column design using floating DIVs with a navigation
> bar
> > on the left hand side and main content on the right. All works fine
> > _except:_
> >
> > I have a requirement to have some images with text to the right where, if
> > the text takes less height than the image the next bit of text will be
> > placed under the image – or next to the next image. I have solved this by
> > wrapping the text and image in a DIV with a couple of spacers to force
> > subsequent text past the image:
> >
> >   
> >  
> > 
> > Text
> >  
> >   
> >
> > This works fine in a plain page but when used within the pagetext DIV of
> my
> > layout it forces the whole container DIV down below the navigation bar.
> >
> > This is all illustrated here: http://www.girton.ukfsn.org/css/demo.html
> >
> > I've reached the end of my Googling ability – probably because I am not
> too
> > sure what to Google for. Can anyone throw some light on what I might be
> > doing wrong?
> >
> > Many Thanks,
> >
> > Andrew
> >
> >
> >
> >
> >
> >
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7b2 testing hub -- 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/
> >
>
>
> --
> So long and thanks for all the fish.
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>
>
>
>
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] nesting / specificity problem

[sam foster]

> No ambiguity at all, imho. Both selectors have the same specificity.
> Both target the same element: a p that is a descendant of a div (this
> can be div p or div div p or  div div div p). Descendant is the
> keyword here.
> The second selector wins, because it comes last in the stylesheet.
> CSS does not take your proximity into account.

> What you probably should do is using child selectors (selector1>p,
> selector2>p, or any combination [1]). This doesn't work in IE 6,
> as you know.
> Or, you can tag your p with a class.

Thanks Philippe for confirming that. Not sure where I picked up the
idea that proximity was a factor in calculating specificity, but I
rechecked the specs, and there's no mention of it there for sure.
The child selector is exactly what I need of course, and as that's not
feasible (I have to support IE6) I need to back out of this and add
some more classes into my markup. Its a case of premature optimization
I think .. trying to do to much with too little.. plus it reminds me
that anytime you have to look hard at specificity, you know you've
created a maintenance nightmare for the guy that picks up that code
after you.

Sam
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Suckerfish Dropdown question

[Arian Hojat]

I was messing around with the Suckerfish code, on this page:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
and i was a little confused by something...

when you hover over the list items, the backround color changes with
this simple rule:
#nav li:hover, #nav li.sfhover {
background: #eda;
}

I would have assumed that the 'previous' list item background-color
doesnt stick... because once u move from pretend the 2nd level list
item to the 3rd, aka moving the mouse from Percoidei to Remoras to
Echeneis,... then you are not hovered over the previous list item, and
it should revert back to normal color.

so while u r on Echeneis, the previous 2 chosen list items shouldnt be
highlighted right?...

my only reasoning to contradict this is if the browsers view
absolutely positioned objects within another absolutely positioned
objects (like a ul within another ul) as still being hovered over
since it is a child item... is this why it works?


thanks,
Arian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE6.0 - left division appears below wrapper[Scanned by MAIL]

[Mims, Jane K.]

Mims, Jane K. wrote:
>  However, now I have a page

> that looks essentially the way I intend it to in all of the browsers 
> I've tested so far except for IE,...]
>
> Jane
>
>   

David Laakso wrote:

Jane, it will /not/ solve the problem, but it is a good idea to provide
a valid page. 

---

Oops. Hate it when that happens. Okay, the page is valid again.

Jane

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] strikouts on style sheets

[Jens Nedal]

I don't use DW8, so i can't really tell or see what you mean with the
strike-through. Screenshot would be helpful, rather than the word
generated HTML, which is produces HTML that does not contain errors,
but at least some warnings.

regards,  Jens

On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> Thanks Jens
> Your comments regarding Microsoft Word 11 generated files inspired me to take 
> another look at the Dreamweaver files that were affected. The one I have 
> attached was generated by Word! It seems you have hit the nail on the head.
> In the attached html file the margin and margin bottom attributes are crossed 
> out if you open them in DW and click on the first line of text in Design view.
>
> thanks
>
> Regards
> Gary
>
> -Original Message-
> From: Jens Nedal [mailto:[EMAIL PROTECTED]
> Sent: 09 October 2006 12:46
> To: [EMAIL PROTECTED]
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] strikouts on style sheets
>
> Examples of crossed out style sheet attributes would be helpful.
> Generator Microsoft Word 11 will surely make alot of mess out the
> generated HTML and possibly not be compliant with standards.
>
> regards, Jens
>
> On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> > Generator Microsoft Word 11 (filtered medium) I' ve started to recently use 
> > DW8 and noticed that some of the style sheet attributes are crossed out in 
> > the CSS panel. I know that this is something to do with inheritance (or 
> > lack of it!) but I can' t find a reasonable explanation which goes into any 
> > detail about how and when I should expect to attributes crossed out. Can 
> > anyone help?
> >
> > Thanks
> > Gary
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7b2 testing hub -- 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/
> >
>
>
> --
> So long and thanks for all the fish.
>
>
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] One for the "Wow, if only everyone did this" category...

[Tom Livingston]

View this in WebKit browsers only (hence the subject line):
http://decaffeinated.org/archives/projects/multibg/background-image.html


-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Organising my CSS styles

[Ian Piper]

Hi all,

I'd appreciate your guidance on how best to organise my CSS styles.

I am designing a site that has an overall design with some variations  
on some pages. For example, I have this for a page banner style:

#page_banner {
background: url(../images/banner_page_name.gif) no-repeat;
width: 990px;
height:  102px;
}

where I will have a number of different banner_page_name.gif files.

My client also wants to have colour variations within the overall  
them on some pages, meaning that I will have to vary background and  
keyline colours.

The question is one of how best to organise my css files. I could  
have all of the styles defined in one .css file and put the  
variations in the head of each html file, or I could link to a style  
sheet designed specifically for the page, and then import the more  
general style sheet. From what I read it appears that linked styles  
override imported styles. The latter seems a cleaner approach, but  
most of the sites styles would end up in an imported style sheet, and  
I understand that older browsers do not support importing.

Anyway, I can't figure out in my own mind which is the best approach,  
and can't find much on the web about it. Any guidance appreciated.

Thanks,


Ian.
-- 
Dr Ian M Piper
[EMAIL PROTECTED]
skype: ianmpiper
-- 
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Column problems

[Amy Ostrom]

Dear CSSers:

(I sent this out two hours ago and it's still not showing up, so I apologize
for anyone who receives it twice.  I have to get this design done in two
days, and it's driving me nuts.)

My design is very flawed, and the right column in particular is causing me
the most grief.  I am not able to rearrange the layout of the html page, so
it needs to be done with CSS.  I need the right column to line up next to
the little article on the left.  Does anyone have any suggestions, or has
someone already made a layout similar to this before?

Also, does anyone have any idea why the top row of links won't sit above the
header box?  It's make me pull hairs this early Monday morning...
http://www.jocolibrary.org/files2/Test/business/

Thank you in advance for any help!!

-- 

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Input boxes in Safari

[Eoin Maguire]

Hi,

  Latest version of Safari on the latest Mac OS, any way in which to remove
borders from around input boxes? All other browsers respect the border: 0px
except Safari. I've had a look online and my hopes aren't high but I thought
I'd ask here first. 

If this isn't possible and with it's 'quirky' implementation of Ajax, Safari
is really falling in my opinion.

Cheers!

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.13.1/466 - Release Date: 07/10/2006
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] div sizing problem

[Alexandru E. Ungur]

>>> sender: "Jens Nedal" date: "Mon, Oct 09, 2006 at 12:58:17PM +0200" << Since the hack did not work for you, you might be testing this on IE7?
> For IE 7 this hack has been "fixed".
Nope, IE6 (on Linux under Wine emulator) but I might have mispelled
height or something :) The conditional 'hack' works like a charm, and
yes, I only use it for a single div, one where I do need a particular
padding, everywhere else I managed to do it without it.

> You will find more on conditional comments here.
> http://www.quirksmode.org/css/condcom.html
> Conditionals can only be used for Windows Internet Explorer, not on
> Internet Explorer for Mac OS (no matter which version).
> Even if Conditionals are not hacks in the common sense, they should
> only be used if there is no other way. Usually conditionals will
> contain very little extra code.
Thank you very much for your detailed explanations they are *much*
appreciated :)


Have a great day everyone,
Alex
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Resolved: IE and Negative Margins

[L. Robinson]

David Hucklesby wrote:
> Hi Lori,
> 
> On Thu, 28 Sep 2006 13:26:35 -0400, you wrote:
>>  I have a background image on nav headings which I wanted to pop
>>  outside the container a bit and used a
>>  negative margin, thinking that should be plenty.
>>
>>  Half the little footprint disappears in IE6, however. (All's well
>>  in FF, Opera and IE7.)
> 
> Did you try adding z-index: 1; to elements with the background image?

The position: relative solution to a similar negative margin issue 
(http://archivist.incutio.com/viewlist/css-discuss/80170?highlight=negative+margin)
 
solved the dilemma.

> 
> Other things to note 

Thanks very much for pointing those out! :)

lr

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] form fieldset legend in Safari

[Philippe Wittenbergh]

On Oct 9, 2006, at 9:03 PM, Suzanne Goodwin wrote:

> Hi, can someone please help me figure out how to get rid of this big
> vertical gap from the  down to the first  in
> my form on Safari?
>
> http://www.outlooksoft.com/kc-about_us/contact_us.htm

Works correctly with WebKit nightly builds, but fails indeed with  
Safari 2.0.
I guess this is causing the problems:
> form.registration input {
>   display: inline;
>   float: left;
>   margin: 5px 0;
>   padding: 2px;
>   text-align: left;
> }

It also affects the inputs of type hidden.
you could add
input[type="hidden"] {float:none; margin:0; padding:0; display:inline;}

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] extra space after in IE

[~davidLaakso]

[EMAIL PROTECTED] wrote:
> Sorry I didn't put up a url the first time. If you go to the url below you 
> will see the problem in IE. Everythng is zeroed so I'm clueless.
>
> http://www.cherylamato.com/trusted/
>
> TIA
> Cheryl
>   
I don't think you need the clear thing and add a comment in the class so 
ie will close it. Ditch the xhtml1.1 doctype for xhtm1.0 and validate 
the markup.


Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] float clearing problem

[Gunlaug Sørtun]

Follow-up...

Confirmation received [off-list] from Philippe W.

Yes,  establishes a new block formatting context in Gecko,
Opera, IE Mac, WebKit (but *not* Safari 2.0 or lower) and Konqueror.
But that is not the case in iCab.

That is how it should be ... ALL form controls should establish a block
formatting context.

iExploder W (6+7) also establishes a block formatting context, at  first
glance ('HasLayout' true ? it would make sense anyway).

---

So, now we've got that issue/behavior under control too :-)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE6 and 7 expanding header

[Chris Recknell]

Hello All,

   The following page has some strange behavior in IE6 and IE7. Where
Firefox and Opera are happy to sit the navigation bar on top of the
wrapper, IE puts in double the space.  Please can anyone shed some
light?



Many thanks,

Chris Recknell - Web Developer
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE7 not clearing properly

[morten fjellman]

Hi,
I've been getting some complaints from users using IE 7 RC1 on this site:
www.nettavisen.no
It seems IE7 are having problems clearing floats. I've read an [1]article on
how to make the [2].clearfix solution work for IE7 also, but I don't really
understand it.
Could someone have a look at the site in IE7 and explain to me how I can fix
this?

1)
http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
2) http://www.positioniseverything.net/easyclearing.html

Kind regards
Morten
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] float clearing problem

[Gunlaug Sørtun]

Matt Tibbits wrote:
> Thanks for your help and your explanation. It all makes sense to me,
>  but why is it that on this page: 
> http://easterseals.nb.ca/about_contact.php when I use the  tag
>  to clear the floated form elements they do NOT clear down below the
>  left floated menu?  Shouldn't the same behaviour be exhibited here?

Well, the whole form is inside #content - which is floating now, so the
clearing-elements won't interact with anything outside #content.
That's repeating what I wrote earlier, and that's how it works.

However, you're referring to the behavior _before_ that floating were
introduced, and those clearing  didn't interact with the menu then
either.
There is another element in that very page which also provides
'isolation':  All clearing  are inside that 'fieldset'
and that's what saved that page.

I had to test how all those elements interacted in your page - styled
and unstyled, as I was unable to find specific information that says
that 'fieldset' establish a 'block formatting context' / triggers
'layout' by default.
Maybe someone can enlighten us both on this point.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Layout differences in IE/FireFox (Win) WRT Fieldset

[Glenn E. Lanier, II]

I have a page [1] that works solidly (as far as I can tell) in FireFox
(Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to
float much farther left than it should. Also, the vertical spacing of the
input fields aren't consistent from FF to IE (I don't care about exact
pixels -- I just want them on the same line as their labels (highlighted
yellow).
 
You can view both the current (and desired) FireFox screenshot [4] and the
misbehaving IE screenshot [5].
 
I validated the HTML [2] and only have two errors -- both a result of
ASP.NET (the sample.html file is the result of loading the .aspx page).
 
CSS validates [3] with warnings about background-color missing -- I'm not
concerned with these at this time.
 
The page seems to hold up under font-resizing/window resizing (with the
knowledge the width is set to 700px). The client prefers the Arial, Arial
Narrow font -- me, not so much.

So, my questions are:
1) What can I do to get the "Credit Card" fieldset in IE to behave as the
other two fieldsets?
2) What is the best way to make my labels/inputs stay spaced properly down
the page?
3) Any other critiques/thoughts?

Please copy [EMAIL PROTECTED] on all replies, as mailman [6] says I
have a bounce score of 2.0 and that is why I'm not getting any css-d
messages.
 
[1] http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html 
[2]
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fglennlanier.dynalia
s.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html
[3]
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http
%3A%2F%2Fglennlanier.dynalias.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html
[4] http://glennlanier.dynalias.com:8080/vsdonation/cssd/firefox.gif
[5] http://glennlanier.dynalias.com:8080/vsdonation/cssd/ie.gif 
[6] http://www.css-discuss.org/mailman/listinfo/css-d/ 

Thanks,
Glenn

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Yellow input fields

[iorhael]

Would someone be able to tell me why these input fields have turned 
yellow...this just happened...its been looking fine for months but today they 
are yellow.

http://www.figureskatersonline.com/parkerpennington/contact.php

http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] FF on windows, help fix please

[Scott Haneda]

http://staging.newgeo.com/
I don't have immediate access to  Firefox 1.5.07 on Windows, but the
screenshots I have seen mess this layout up a bit, can someone point out
some suggestions to me?
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Please help, IE 6 not displaying correctly

[GypsiiRose Baptiste]

oops, well, the lower levels aren't displaying correctly in that browser
either :(
It seems to be when there is a lot of content in that area.
any help will be appreciated!

On 10/11/06, GypsiiRose Baptiste <[EMAIL PROTECTED]> wrote:
>
> Sorry I already posted this a while ago, we just can't seem to figure this
> out! it is driving us nuts!
>
> The page I am working on is here:
> http://www.iskippedlunch.com/z_test/index_2.php
> and the style sheet is here:
> http://www.iskippedlunch.com/z_test/styles/shfb_basic.css
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Please help, IE 6 not displaying correctly

[GypsiiRose Baptiste]

Sorry I already posted this a while ago, we just can't seem to figure this
out! it is driving us nuts!

The page I am working on is here:
http://www.iskippedlunch.com/z_test/index_2.php
and the style sheet is here:
http://www.iskippedlunch.com/z_test/styles/shfb_basic.css

I am using php to import sections into the page.  The lower levels of the
site are based on this home page, and work fine, but for some reason when I
incloude the Client Story (blue) section on the homepage all the content in
the green sidebar gets pushed way down the page in a couple versions of
IE6.  I have narrowed the problem down to this area of code, it is the only
part that makes the page go wonky.  I even rewrote the CSS, but I must be
missing something.

Our launch date is fast approaching, and the client uses the version of IE 6
that doesn't display correctly on all their computers!

Please help, my eyes are getting crossed!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] float clearing problem

[Matt Tibbits]

Thanks for your help and your explanation. It all makes sense to me, but why
is it that on this page: http://easterseals.nb.ca/about_contact.php when I
use the  tag to clear the floated form elements they do NOT clear down
below the left floated menu?  Shouldn't the same behaviour be exhibited
here?

Thanks,

Matt



-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.13.1/469 - Release Date: 10/9/2006
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] fluid layout

[iorhael]

Hi,

I am trying to give this site a fluid look rather than in a container (per the 
client's request)...I removed the container and for a time, the content and 
copyright were fluid (stretched across the screen) but somehow it has gone back 
to the container look (see the block outline in Firefox) even though I have 
removed the container! I still have the settings for the content, menu, and 
copyright set to percentages.

Also, even when it did look fluid, the banner background (set to repeat-x) did 
not go all the way across.

I have validated everything. The person who started this used layers, which I 
don't understand but have left in...perhaps these are causing the problem?

http://www.figureskatersonline.com/znew/about.php

http://www.figureskatersonline.com/stylesheets/main.css

http://www.figureskatersonline.com/stylesheets/import.css

http://www.figureskatersonline.com/stylesheets/menu.css

Am really stumped here!

Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] minimum height on a box in IE?

[sam foster]

I had to rule out overflow: hidden as this box sometimes has content,
so needed a flexible height range from 1+px. The suggestion to insert
a comment did what I needed, but it seemed unintuitive and prone to
error/confusion. So I opted to add an extra .empty class instead in
the end - to make it explicit what was going on.

This was for a optional footer on a portlet container where the footer
div was used to complete the chrome around the portlet, but may not
always have any content.

thanks,
Sam

On 10/8/06, Holly Bergevin <[EMAIL PROTECTED]> wrote:
> From: "sam foster" <[EMAIL PROTECTED]>
>
> > I have this div,
> >that I want to give a minimum height of 1px. It may or may not get any
> >content in it, and I want it to collapse up if its empty.
> >IE 6 doesnt of course support min-height, so for now I'm using height:
> >1px. But even this simple case fails:
> >http://www.sam-i-am.com/work/sandbox/css/iestubbornbox.html
>
> > I cant
> >fiddle with line-height, as this div will sometimes get content. Any
> >other thoughts?
>
> Try {overflow: hidden;} on the stubborn box and see if that brings the 
> results you desire.
>
> ~holly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] test, please ignore

[Stefan Nagtegaal]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] extra space after in IE

[ross]

IE likes to have things inside divs. Try some html comments inside the div





- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
Sent: Monday, October 09, 2006 1:22 PM
Subject: [css-d] extra space after  in IE


> Sorry I didn't put up a url the first time. If you go to the url below you 
> will see the problem in IE. Everythng is zeroed so I'm clueless.
>
> http://www.cherylamato.com/trusted/
>
> TIA
> Cheryl
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Float and MSIE6

[Martin Cetkovsky]

Hi,

I am in a combat with MSIE 6 currently and I still do not have
any idea why it is wrong.

Url: http://alik.vhost.cz/martin/
Browser: MSIE 6 SP1
Problem: The page header starts after the language list (on the
right top).
Expected: The language list is floating on the right and the page
header starts from the top of the page. See Opera 9, MSIE 7 or FF
1.5 for expected behaviour.

Does somebody have idea what is wrong or how to solve it?

Thanks,

Martin



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Problem with Scrolling Div

[Dean Champeau]

[I'm sending this again, because I failed to get a confirmation from  
the list server that I sent the original message. Plus the URL that  
included in the first message has changed.]

Hi Everyone.

I have a head-scratcher on my hands. Can anyone help?

I created a div that contains variable-height content (a big table  
that will expand and contract as the visitor changes type size). I'd  
like it to scroll while taking up the entire height of the browser  
window. So I created some properties for the div...

height:100%;
overflow:scroll;

This adds a scroll bar, but it doesn't allow scrolling. If I change  
the height value to...

height:auto;

... I get the same result. However, if I change the height value to...

height:300px;

... then I get a scroll bar that actually scrolls the data, and it  
eliminates the browser's own scroll bar, which is the effect I want.   
But I want to be able to do it without specifying the height in  
pixels, for obvious reasons.

Any ideas on what I'm doing wrong?

If you need to see the site, here's the URL...

http://www.earl-litho.com/clevelandhardware/catalog/individual_pages/ 
catalog_by_partnum.html

Thanks,
--
Dean Champeau
Champeau Services
86 E Fox Point Drive, Appleton WI 54911
Phone 920/731-5474
Cell 920/915-2151
Fax 267/377-1002
deanchampeau at new.rr.com
www.champeauservices.com

--
Dean Champeau
Champeau Services
86 E Fox Point Drive, Appleton WI 54911
Phone 920/731-5474
Cell 920/915-2151
Fax 267/377-1002
[EMAIL PROTECTED]
www.champeauservices.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE7 issue about font-size, li, img

[Felix Brill]

In an earlier post "Fontsize changes li elements with imgs only" you figured 
out, that I have
to set the display of img els inside LI elements to "display:inline".

That works in all browsers I've testet so far.

But since I installed IE7 beta3 on a laptop the same issue arises again.

So people with IE7 test capability, please review the site an tell me what
I do wrong here. You can see that the margins between the LI Elements
are far to big compared to FF,NS, IE6, IE5.5, Safari (Mac) ...

Have a look at the example: 

http://xworld2000.de/ie7/inhalt.html


Any help and critisism is appreciated !


Felix B.







__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE-bug

[Stefan Nagtegaal]

Hi list!


i hope some/one of you guys can help me out. I'm struggling with this  
for weeks now..

have a look at http://istyledthis.nl/ and see that the middle left  
corner is misplaced. It looks like there is some kind of margin set,  
but I (re)checked everything for several times, but imo there is  
nothing wrong.
Have you guys any clue about what is going on here? And, how it could  
be fixed?

Yours sincerely,



Stefan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Problem with Scrolling Div

[Dean Champeau]

Hi Everyone.

I have a head-scratcher on my hands. Can anyone help?

I created a div that contains variable-height content (a big table  
that will expand and contract as the visitor changes type size). I'd  
like it to scroll while taking up the entire height of the browser  
window. So I created some properties for the div...

height:100%;
overflow:scroll;

This adds a scroll bar, but it doesn't allow scrolling. If I change  
the height value to...

height:auto;

... I get the same result. However, if I change the height value to...

height:300px;

... then I get a scroll bar that actually scrolls the data, and it  
eliminates the browser's own scroll bar, which is the effect I want.  
Any ideas on what I'm doing wrong?

If you need to see the site, here's the URL...

http://earl-litho.com/clevelandhardware/catalog_by_partnum.html

Thanks,
--
Dean Champeau
Champeau Services
86 E Fox Point Drive, Appleton WI 54911
Phone 920/731-5474
Cell 920/915-2151
Fax 267/377-1002
[EMAIL PROTECTED]
www.champeauservices.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Universal selector

[Jørgen Farum Jensen]

Is there any difference at all between
* #leftcol {font-family:arial,sans-serif;}
and
#leftcol * {font-family:arial,sans-serif;}
-- 

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE adding 1 px of white to right margin

[Rose Thorn]

I have a collection of pages using the same css and the same basic xhtml code 
throughout the site.  However, IE (I'm using version 6) is adding a 1 px column 
of white to the right margin of, I think, the main "container" div.  Oddly, 
it's only doing it on one page.  Firefox doesn't reflect this.  It is the Our 
Newsletter link from the Members tab, or:  
http://www.thornkingdom.com/tcftest/newsletter.html

Can anyone solve this mystery for me?


-
Talk is cheap. Use Yahoo! Messenger to make PC-to-Phone calls.  Great rates 
starting at 1¢/min.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Weird empty space

[Daniel Hammond]

Why is there empty space above the "content_text" div at
www.objectivedesigns.com/2/? I can't seem to get rid of it.

(I have colored the background of the "content" div green so you can easily
see what I'm talking about.)

Daniel Hammond
www.objectivedesigns.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] gap under image in FF - resolved

[clamato]

I've fixed the problem of the gap under the banner image.

Thanks

Cheryl
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] dropdown menu check, iCab & Opera

[Tribou, Eric]

I'm trying to create a super-compatible dropdown menu system. Please
give it a go and let me know (off-list please) of any bugs that you
observe. The demo is at
http://webhost.bridgew.edu/etribou/layouts/rmenu/

I've run into a few bugs in working on it that I was hoping someone
might be able to help me with.

iCab seems to be rendering dropdowns in the wrong location until you
mouse-over the sub-menu, then it renders it in the right position. If I
mouse onto a menu item with a sub-menu from above (except for the menu
item at the top of the list) it's rendering in the correct position
immediately. I've tracked it down to the top property. Setting top to 0
or auto seems to work fine but set it to a specific value and this
problem starts to happen. I could use margins to position things but
I've found using position attributes much more compatible across
browsing platforms. I'm using v3.03 and this bug was also present in
3.01. Does anyone know of a CSS hack to either hide from or show only to
iCab specific CSS? Or perhaps know more about what might be causing this
bug?

Have there been any workarounds for older versions of Opera where
positioning was based on the root document dimensions and not the parent
element? This is causing a problem with the position of dropdowns on a
right-aligned horizontal menu (pre 7.5). I don't think it's a big
problem since Opera users pre 7.5 have probably upgraded to 7.5 or later
but I'd like to work around it if possible.

Also Opera 9.02 seems to have a bug. If I mouse over menu options, in a
blank (non-text) area of the block the menu item takes up, the
underlying anchor should take focus giving a yellow background. But if a
dropdown menu is over text and I mouse over the menu item in a blank
area, the anchor doesn't take focus but the LI element that contains the
anchor does (giving an orange background). Moving over the text of that
menu item then triggers the anchor to take focus and keep it even if you
mouse back over a blank area. Any ideas what could be causing this and
is it really a bug or have I just done something odd?

Thanks for any help, input, or insight.

--
Eric Tribou
"The Forgettable Mister Ruthsarian"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Suckerfish Dropdown question

[Arian Hojat]

seems like the css list is down, didnt get a confirmation for this
post yesterday?

On 10/9/06, Arian Hojat <[EMAIL PROTECTED]> wrote:
> I was messing around with the Suckerfish code, on this page:
> http://www.htmldog.com/articles/suckerfish/dropdowns/example/
> and i was a little confused by something...
>
> when you hover over the list items, the backround color changes with
> this simple rule:
> #nav li:hover, #nav li.sfhover {
> background: #eda;
> }
>
> I would have assumed that the 'previous' list item background-color
> doesnt stick... because once u move from pretend the 2nd level list
> item to the 3rd, aka moving the mouse from Percoidei to Remoras to
> Echeneis,... then you are not hovered over the previous list item, and
> it should revert back to normal color.
>
> so while u r on Echeneis, the previous 2 chosen list items shouldnt be
> highlighted right?...
>
> my only reasoning to contradict this is if the browsers view
> absolutely positioned objects within another absolutely positioned
> objects (like a ul within another ul) as still being hovered over
> since it is a child item... is this why it works?
>
>
> thanks,
> Arian
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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: dropdown menu display

[Suzanne Goodwin]

Please have a look at the home page:

http://www.outlooksoft.com/index-new.htm

I'm using Eric Meyer's dropdown menus as you can see, but there's a 
small display problem in standards-compliant browsers (on PC and Mac): 
when you mouse over a dropdown item that has sub-items under it (for 
example, under the Services tab, if you mouse over Training), you'll see 
that the 1px white border surrounding the menu has a gap along the top 
right edge.

Thanks in advance for any insight you can offer.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] strikouts on style sheets

[Jens Nedal]

Hi,
margin: 0cm and margin: 0.0001pt is not valid, that's why margin and
margin-bottom are marked this way.

The values can be: em, % or px.

Microsoft Word Generator is not compliant with valid HTML, so its not
recommendable to use it at ALL, if you want larger cross browser
comptability.

More information about what is allowed in CSS and what not can be found here:
http://www.w3.org/TR/CSS21/

regards, Jens

On 10/10/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> Hi Jens
> See attached - the screen tip is also captured in the screen shot which 
> refers to inheritance. Thanks
>
> Gary
>
> -Original Message-
> From: Jens Nedal [mailto:[EMAIL PROTECTED]
> Sent: 09 October 2006 16:55
> To: [EMAIL PROTECTED]
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] strikouts on style sheets
>
> I don't use DW8, so i can't really tell or see what you mean with the
> strike-through. Screenshot would be helpful, rather than the word
> generated HTML, which is produces HTML that does not contain errors,
> but at least some warnings.
>
> regards,  Jens
>
> On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> > Thanks Jens
> > Your comments regarding Microsoft Word 11 generated files inspired me to 
> > take another look at the Dreamweaver files that were affected. The one I 
> > have attached was generated by Word! It seems you have hit the nail on the 
> > head.
> > In the attached html file the margin and margin bottom attributes are 
> > crossed out if you open them in DW and click on the first line of text in 
> > Design view.
> >
> > thanks
> >
> > Regards
> > Gary
> >
> > -Original Message-
> > From: Jens Nedal [mailto:[EMAIL PROTECTED]
> > Sent: 09 October 2006 12:46
> > To: [EMAIL PROTECTED]
> > Cc: css-d@lists.css-discuss.org
> > Subject: Re: [css-d] strikouts on style sheets
> >
> > Examples of crossed out style sheet attributes would be helpful.
> > Generator Microsoft Word 11 will surely make alot of mess out the
> > generated HTML and possibly not be compliant with standards.
> >
> > regards, Jens
> >
> > On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> > > Generator Microsoft Word 11 (filtered medium) I' ve started to recently 
> > > use DW8 and noticed that some of the style sheet attributes are crossed 
> > > out in the CSS panel. I know that this is something to do with 
> > > inheritance (or lack of it!) but I can' t find a reasonable explanation 
> > > which goes into any detail about how and when I should expect to 
> > > attributes crossed out. Can anyone help?
> > >
> > > Thanks
> > > Gary
> > > __
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > IE7b2 testing hub -- 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/
> > >
> >
> >
> > --
> > So long and thanks for all the fish.
> >
> >
> >
>
>
> --
> So long and thanks for all the fish.
>
>
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] strikouts on style sheets

[Gary Williamson]

Hi Jens
See attached - the screen tip is also captured in the screen shot which refers 
to inheritance. Thanks

Gary

-Original Message-
From: Jens Nedal [mailto:[EMAIL PROTECTED] 
Sent: 09 October 2006 16:55
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] strikouts on style sheets

I don't use DW8, so i can't really tell or see what you mean with the
strike-through. Screenshot would be helpful, rather than the word
generated HTML, which is produces HTML that does not contain errors,
but at least some warnings.

regards,  Jens

On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> Thanks Jens
> Your comments regarding Microsoft Word 11 generated files inspired me to take 
> another look at the Dreamweaver files that were affected. The one I have 
> attached was generated by Word! It seems you have hit the nail on the head.
> In the attached html file the margin and margin bottom attributes are crossed 
> out if you open them in DW and click on the first line of text in Design view.
>
> thanks
>
> Regards
> Gary
>
> -Original Message-
> From: Jens Nedal [mailto:[EMAIL PROTECTED]
> Sent: 09 October 2006 12:46
> To: [EMAIL PROTECTED]
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] strikouts on style sheets
>
> Examples of crossed out style sheet attributes would be helpful.
> Generator Microsoft Word 11 will surely make alot of mess out the
> generated HTML and possibly not be compliant with standards.
>
> regards, Jens
>
> On 10/9/06, Gary Williamson <[EMAIL PROTECTED]> wrote:
> > Generator Microsoft Word 11 (filtered medium) I' ve started to recently use 
> > DW8 and noticed that some of the style sheet attributes are crossed out in 
> > the CSS panel. I know that this is something to do with inheritance (or 
> > lack of it!) but I can' t find a reasonable explanation which goes into any 
> > detail about how and when I should expect to attributes crossed out. Can 
> > anyone help?
> >
> > Thanks
> > Gary
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7b2 testing hub -- 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/
> >
>
>
> --
> So long and thanks for all the fish.
>
>
>


--
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] extra space after in IE

[Roger Roelofs]

Cheryl,

On Oct 9, 2006, at 8:22 AM, <[EMAIL PROTECTED]> wrote:

> Sorry I didn't put up a url the first time. If you go to the url below 
> you will see the problem in IE. Everythng is zeroed so I'm clueless.
> http://www.cherylamato.com/trusted/

Sorry, I've lost the original message, and the page looks the same to 
me in ff1.5 and ie6.  Could you tell us again what you would like to 
see on this page?
-- 
Roger Roelofs

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] form fieldset legend in Safari

[Roger Roelofs]

Suzanne,

On Oct 9, 2006, at 8:03 AM, Suzanne Goodwin wrote:

> Hi, can someone please help me figure out how to get rid of this big
> vertical gap from the  down to the first  in
> my form on Safari?
>
> http://www.outlooksoft.com/kc-about_us/contact_us.htm
>
> All other browsers I've checked look just fine. It's happening in all
> the forms on the site. Thanks in advance for any advice you can offer.

The problem is caused by the clear: both; on form.registration div.row. 
  it is clearing based on the length of the content of the right floated 
column.  You can avoid the problem by adding
#MainForm { overflow: hidden; } which creates a new positioning context.

What has me curious is why it _isn't_ happening in other browsers.

hth
-- 
Roger Roelofs

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE vertical resizing window madness

[Gavin & Sharon]

Hi there

Great list, it's amazing what you pick up lurking on this list, however 
I've not come across this one and would love someone to help with a fix.

A test case has been created  at:
http://homepages.ihug.co.nz/~thejacksons/testcase/

The page displays fine in FF however using IE6, when resizing the page 
vertically (changing the window's height) the background image 
disappears from the floating div on the left. Resize the window 
horizontally (changing the window's width) everything works again.

The CSS for the page is embedded within the HTML document which I've run 
through the validator.

Many thanks

Gavin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Max-Width

[Steve Craig]

Hi

I soon have too make a start on a new site for a client and they want  
to use max-width to limit the expansion of the site. Just wondering  
if there is a definitive or good example anywhere of implementing  
this correctly for IE etc?

Thanks for any pointers.

Cheers

Steve Craig - Asylum Interactive Ltd
Tel +44 1330 860550 Fax +44 1330 860880

http://www.asylumweb.com
Email: [EMAIL PROTECTED]
Skype: s.craig - iChat: steve.craig





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Opera collapsing contentbox on input hover

[James Leslie]

Thanks Georg,

That works a treat in opera 7.54, but it still has the same fault in opera 9.02 
and I know that some of our clients are using the latest opera browser.

I'm going to try and find it on an opera buglist, but if anyone has any more 
ideas, I'd be very grateful :-)

James


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: 09 October 2006 13:27
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Opera collapsing contentbox on input hover

James Leslie wrote:
> [...] Opera seems to throw the widths around when hovering over the 
> innertabs.

> http://metafaq18.metafaq.com/clients/metafaq18/html/processQuery.html

Probably a bug in Opera, but I don't know which one :-)

Anyway, the following addition seems to get Opera out of the "state of 
uncertainty"...

#innercontentbox {display: table-cell;}

...making it expand that, and the other, containers as it should without being 
affected by the mouseover.
Firefox isn't affected and IE doesn't understand it, so now you just have to 
test the fix/addition in the other browsers.

regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Column problems

[Amy Ostrom]

Dear CSSers:

My design is very flawed, and the right column in particular is causing me
the most grief.  I am not able to rearrange the layout of the html page, so
it needs to be done with CSS.  I need the right column to line up next to
the little article on the left.  Does anyone have any suggestions, or has
someone already made a layout similar to this before?

Also, does anyone have any idea why the top row of links won't sit above the
header box?  It's make me pull hairs this early Monday morning...
http://www.jocolibrary.org/files2/Test/business/

Thank you in advance for any help!!

-- 

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] extra space after in IE

[Jens Nedal]

Hi,
.deco has no content and IE will simply assume the standard
line-height/font-size when there is no content and that is the reason
why the div grows bigger. Either put a simple  inside of  or declare a font-size smaller than the
height of the div.

regards, Jens

On 10/9/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Sorry I didn't put up a url the first time. If you go to the url below you 
> will see the problem in IE. Everythng is zeroed so I'm clueless.
>
> http://www.cherylamato.com/trusted/
>
> TIA
> Cheryl
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>


-- 
So long and thanks for all the fish.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/