Re: [css-d] IE and Sliding Doors image replacement - flashing imagesproblem

[Nick Fitzsimons]

> Hi there,
>
> I'm using a sliding doors method for some rollovers. Works in all
> browsers, but IE has an awful
> time with the rollover, I get a the flash of the background color, then
> the image load every
> single time. Looks like garbage.
>
> I tried putting the images in a div shimmed to the right -9000px, this did
> not seem to 'preload'
> them. Do I need to run a JavaScript to preload these images or is there
> another technique?
>

As you are using your machine for development, you will have set IE not to
cache stuff but to check for new content every visit to the page. This
means it is re-fetching the image every time.

To see it as a normal user would, got to Tools > Internet Options >
General tab > Temporary Internet Files fieldset > Settings button, select
the "Automatically" radio button and OK all the way back out. After you
reload the page the flicker should have vanished.

This is mentioned in the notes to Sliding Doors 2, BTW:


HTH,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Unable to fix font size in specific class

[M. Othman]

Dear Nick, Roger, Adam, Christian [and List],

Thank you all for your motivating and informative replies.  
The mere knowledge that the problem has a solution and can be fixed 
motives one to go and learn more about it.

Just in case a newcomer to CSS (like me), sometime in the future, reads this in 
the archive, I would like to mention these two links:

An Interview with Dan Cederholm (Author of Bulletproof Web Design  recommended 
by Nick)  
http://digital-web.com/articles/dan_cederholm/ 

How to size text using ems
http://www.clagnut.com/blog/348/

Best regards,

Mohammed

 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Horizontal lists in IE and Firefox

[Phil Wilson]

Hi all,

I have an unordered list with four elements. I'd like to align them
horizontally, with each list-item taking up 25% of the screen (or
their container).

I would have thought this was quite simple, and produced
http://philwilson.org/code/tests/horizontallist.html which renders
fine in Firefox and Opera, but in IE the last list-item wraps to the
next line.

Can someone tell me either where my code is wrong, or which IE bug I'm
suffering from? I'm sure I've done this before, so there must be a
workaround.

Many thanks,

Phil
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] #idname.classname - IE Support

[Kevin Cannon]

Hi,

Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:

...

#tabs.ski {
background-color: green;
}

That works fine in Firefox, but in IE the first rule works, but subsequent
ones don't:

http://www.multiblah.com/exps/css/id_class.html

On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
work fine in all browsers.

I'm at a bit of a loss, and so are the oher CSS afficiando's in here.

Any ideas?

- Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] iframe style and positioning problem

[Diana Horvitz]

Hi All,

I'm opening an iframe from my page, and I'm finding two problems:

1 - In IE 6, the background does not cover the whole iframe, but it leaves a
2px white space on the left and bottom - it looks OK in FF

2 - The body has defined a 2px border, in the same color as the background.
Inside the iframe, the first line (title and close button) are floated. This
looks fine both on IE and FF. But when I remove the border (which is
actually not necessary), FF floats the contents over the first line.

What am I doing wrong?

The page can be seen at http://212.179.71.73:8332/V (click on the first or
the second icon from the left - in the navigation line)

The css is quite long, I'm trying to clean it up.
Relevant definitions are

iframe {
  background-color: #ebebeb;
  border: #B5B6B5 2px solid;
  margin: 0;
}
.div_end {
  clear: both;
}
#IconsMenuFrame {
  background-color: #ebebeb;
  margin: 0;
  padding: 0;
  font-size: 70%;
  border: #ebebeb 2px solid;
}
#IconsMenuFrame h1 {
  width: 80%;
  padding-top: 0;
  margin: 0;
  font-weight: bold;
  font-size: 100%;
  color: #959695;
  background-color: #eaeff6;
}
#IconsMenuTable {
  border-top: #cc 1px solid;
  width: 100%;
  padding: 0
}
#closeButton {
  float: right;
  margin-right: 0;
  width: 16px;
}

Thanks in advance,

Diana.

 
This message has been scanned for viruses and
dangerous content by Ex Libris Ltd, and is
believed to be clean.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] [RE-POST] IE page flicker (not rollover)

[Mark Batty]

I've re-posted this to hopefully attract a different audience and because
I'm still having problems understanding this.

I double-checked again on google and other sources without joy.

My problem 'sounds' like the IE flicker problem with rollovers and images,
however my problem is not with rollovers.  To be double safe I tried
applying some IE rollover flicker fixes without success - say that ten times
quickly ;)

The original post ...

I've noticed two (possibly related) issues with flicker in IE.

I've done some searching but I don't think it's the 'normal' IE flicker
problem with rollovers.

If I hold the mouse over the logo and press the button to select (but not
release the button), the logo image disappears; when the button is released
the page reloads (and flickers).  If I also select a page, (e.g. COMPONENTS)
the whole page flickers when it reloads, it also flickers if I select the
same page repeatedly.  I don't get this in FF or Opera.  I've tested with FF
1.0.7, Opera 8.5, and IE 6.0 on Win XP SP2.

Anyone know what causes the flicker?

html:
http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/css/good_brows
ers.css
ie:
http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/css/ie_fix.css

Thanks.

Mark.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Picture alignment help

[Gunlaug Sørtun]

Angus at InfoForce Services wrote:
> Right now the solution is escapeing me. How do I get my photo to 
> align with the top of the "Default screen colours" button and have 
> the text align at the bottom left of the photo.

> Web page http://www.infoforce-services.com

I've uploaded the best I could come up with - at the moment:
Page: 
Stylesheet: 

Note that I have rearranged some of your source-code in order to make
_any_ change work, and both added to and redefined quite a bit of your CSS.

I had to guess what you wanted your page to look like, so I might have
ended up a bit too far off. Sorry if that has happened, but I hate to
see a good web page break in every browser on earth :-)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE and Sliding Doors image replacement - flashing imagesproblem

[Tom Dell'Aringa]

--- Nick Fitzsimons <[EMAIL PROTECTED]> wrote:

> As you are using your machine for development, you will have set IE not to
> cache stuff but to check for new content every visit to the page. This
> means it is re-fetching the image every time.

Let me say..DOH. Thanks Nick - that was it. It would be great if I could stay 
out of my own way
sometimes!

Tom


http://www.pixelmech.com/
"I was in a convenience store reading a magazine and the clerk came up to me 
and said "This is not a library". so I said, "All right, I will talk louder 
then!"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Mac three column layout

[Julie Ellam]

Hi,

I'm having a problem with a three column layout in IE mac.

The central column is displaying in line with the other two columns but
is lying below them. http://test.room108.co.uk/test/test.htm

I appreciate your help in advance.

Kind regards,

Julie

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Al Sparber]

From: "Phil Wilson" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, December 01, 2005 6:08 AM
Subject: [css-d] Horizontal lists in IE and Firefox


> Hi all,
>
> I have an unordered list with four elements. I'd like to align them
> horizontally, with each list-item taking up 25% of the screen (or
> their container).
>
> I would have thought this was quite simple, and produced
> http://philwilson.org/code/tests/horizontallist.html which renders
> fine in Firefox and Opera, but in IE the last list-item wraps to the
> next line.
>
> Can someone tell me either where my code is wrong, or which IE bug 
> I'm
> suffering from? I'm sure I've done this before, so there must be a
> workaround.

Hi Phil,

There is a rounding bug in IE that causes the problem you see. The 
following page contains a workaround for a horizontal list comprising 
one of our menu systems, but feel free to use the solution we employ 
via a CSS expression. If you have 4 links, then change this part of 
the expression: ".offsetWidth/5" to this ".offsetWidth/4".

http://www.projectseven.com/products/menusystems/pmm/testing/autowidth/index.htm

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Gunlaug Sørtun]

Phil Wilson wrote:
> http://philwilson.org/code/tests/horizontallist.html

> Can someone tell me either where my code is wrong, or which IE bug 
> I'm suffering from? I'm sure I've done this before, so there must be 
> a workaround.

IE/win rounding-error. 4 times 25% is "sometimes" slightly more than
100% the way IE/win do its calculations.

Cure: add a class 'last' to the last li, and add style:

* html li.last {margin-right: -1%;}

That'll make space for all list-items in IE/win - without change in
appearance on screen.
Either that or you'll have to make all li slightly less than 25% for
IE/win - which will of course be visible.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] modified dropdown flashing in ie - need expert help

[Pringle, Ron]

> [EMAIL PROTECTED] said:

> Can someone look at this.
> 
> http://www.nssdesign.scot.nhs.uk/about_us/whoweare.php
> 
> the css is here..
> 
> 
> http://www.nssdesign.scot.nhs.uk/shared/menu.css
> 
> 
> why does it flash in ie when I roll over the sub items.

Ross-

Not seeing any flashing on my IE6/Win2K. Did you fix this? If not, can you
let us know what version of IE and what platform?

Regards,
Ron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Tony Crockford]

Kevin Cannon wrote:
> Hi,
> 
> Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:
> 
>   ...
> 
>   #tabs.ski {
>   background-color: green;
>   }

this sounds a bit strange but why are you doing #tabs.ski  which means 
id=tabs.ski  when you ought to be doing:

#tabs {
padding: 2em 1em;
border: 2px dotted black;   
}

.ski {
background-color: green;
}

.home {
background-color: blue;
}



which works.

is #tabs.ski a syntax that *should* work?  if so have you a reference?

FWIW

div#tabs {
padding: 2em 1em;
border: 2px dotted black;   
}

div.ski {
background-color: green;
}

div.home {
background-color: blue;
}



also works


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Krisbob]

Kevin Cannon wrote:

>Hi,
>
>Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:
>
>   ...
>
>   #tabs.ski {
>   background-color: green;
>   }
>
>That works fine in Firefox, but in IE the first rule works, but subsequent
>ones don't:
>
>http://www.multiblah.com/exps/css/id_class.html
>
>On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
>work fine in all browsers.
>
>I'm at a bit of a loss, and so are the oher CSS afficiando's in here.
>
>Any ideas?
>
>- Kevin
>
Try switching ur class and id around - so that tabs becomes the class 
and ski and home become the id's:

.tabs {
padding: 2em 1em;
border: 2px dotted black;   
}
   
.tabs#ski {
background-color: green;
}
   
.tabs#home {
background-color: blue;
}

ofcourse, rewrite the div as id="home" class="tabs" else no browser will 
see anything :)

That seemed to get it going in IE and FF for me, although maybe there's 
an approach that doesn't involve switching around id's and classes. Hope 
this helps..

Cheers,
Bob


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.8/183 - Release Date: 25/11/2005

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Nick Fitzsimons]

> Is it possible ot use a rule with an ID and a class name in IE.  e.g. like
> so:
>
>   ...
>
>   #tabs.ski {
>   background-color: green;
>   }
>
> That works fine in Firefox, but in IE the first rule works, but subsequent
> ones don't:
>
> http://www.multiblah.com/exps/css/id_class.html
>

IE up to and including 6 on Windows only supports a single selector at a
time, inline with the CSS 1 spec. There's a bit more infor from the IE
team at



So you'll have to find a workaround if IE6-Win is important to you (which
I assume it is :-)

HTH,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Tony Crockford]

Kevin Cannon wrote:
> Hi,
> 
> Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:
> 
>   ...
> 
>   #tabs.ski {
>   background-color: green;
>   }
> 
> That works fine in Firefox, but in IE the first rule works, but subsequent
> ones don't:
> 
> http://www.multiblah.com/exps/css/id_class.html
> 
> On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
> work fine in all browsers.
> 
> I'm at a bit of a loss, and so are the oher CSS afficiando's in here.

seems like I've been fixing a bug for so long I don't recognise valid 
css when I see it.

Apparently there is  *a bug* in IE that will ignore subsequent rules 
set in the way you describe - #id.class{blah}  and the fix is to drop 
the #id

must have discovered that a long time ago and never used the syntax 
combo again...

;o)


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Martin Heiden]

Phil,

on Thursday, December 1, 2005 at 12:08 Phil Wilson wrote:

> I have an unordered list with four elements. I'd like to align them
> horizontally, with each list-item taking up 25% of the screen (or
> their container).

> Can someone tell me either where my code is wrong, or which IE bug I'm
> suffering from? I'm sure I've done this before, so there must be a
> workaround.

Strange problem. It's a rounding issue IE can't calculate the 25%
right for all values. Open the sidebar and resize it. There are some
values that render fine, but others that don't.

I think, you must leave some space to the left and/or right. :-(

regards

  Martin

 



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Ingo Chao]

Kevin Cannon wrote:
> Hi,
> 
> Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:
> 
>   ...
> 
>   #tabs.ski {
>   background-color: green;
>   }
> 
> That works fine in Firefox, but in IE the first rule works, but subsequent
> ones don't:
> 
> http://www.multiblah.com/exps/css/id_class.html
> 
> On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
> work fine in all browsers.


http://archivist.incutio.com/viewlist/css-discuss/57344
http://sonspring.com/journal/ie6-multi-class-bug
And someone put it into our Wiki recently.

For myself, I named the bug "the blue penguins bug" since the day I was 
posting it in a fit of keeness to the MSDN blog ("Improving the CSS 2.1 
strict parser for IE 7") among other bug reports 
(http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#460582) and got 
this satirical answer:
http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#461673

I still don't know if the parser in IE7 is fixed, though.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Pringle, Ron]

Phil Wilson wrote:


> I have an unordered list with four elements. I'd like to align them
> horizontally, with each list-item taking up 25% of the screen (or
> their container).
> 
> I would have thought this was quite simple, and produced
> http://philwilson.org/code/tests/horizontallist.html which renders
> fine in Firefox and Opera, but in IE the last list-item wraps to the
> next line.
> 
> Can someone tell me either where my code is wrong, or which IE bug I'm
> suffering from? I'm sure I've done this before, so there must be a
> workaround.
> 
> Many thanks,
> 
> Phil

Phil-

You're not doing anything wrong, IE is. Actually, if you resize your browser
window you will see that IE actually sometimes redraws the boxes correctly,
and sometimes pushes the last box down. Its because IE can't quite figure
out the final width to base the 25% on.

Take a look at the following page for a more concise explanation and
possible solutions.

http://positioniseverything.net/explorer/percentages.html

regards,
Ron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Tony Crockford]

Kevin Cannon wrote:

> I'm at a bit of a loss, and so are the oher CSS afficiando's in here.
> 
> Any ideas?
missed a useful url on my last post:
http://sonspring.com/index.php?id=102

;o)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Ian Young]

Phil

It seems that just dividing 100 by the number of elements will not work. Try
this

ul {list-style-type: none;
text-align:center;
margin-left: 1%;
margin-right: 1%;
}
li {
  background-color: white;
  display:block;
  width: 24.5%;
  text-align: center;
  float: left;
  padding: 0;
  margin: 0;
}

Although the menu does not stretch across entire screen, it is in the centre
and doesn't wrap to next line in IE. If you don't put the margin-left,
margin-right instructions, it is not centred
Hope this helps.

Cheers

Ian
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Phil Wilson
Sent: 01 December 2005 11:09
To: css-d@lists.css-discuss.org
Subject: [css-d] Horizontal lists in IE and Firefox


Hi all,

I have an unordered list with four elements. I'd like to align them
horizontally, with each list-item taking up 25% of the screen (or
their container).

I would have thought this was quite simple, and produced
http://philwilson.org/code/tests/horizontallist.html which renders
fine in Firefox and Opera, but in IE the last list-item wraps to the
next line.

Can someone tell me either where my code is wrong, or which IE bug I'm
suffering from? I'm sure I've done this before, so there must be a
workaround.

Many thanks,

Phil
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.10/189 - Release Date: 30/11/2005

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.10/189 - Release Date: 30/11/2005


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iframe style and positioning problem

[Ingo Chao]

Diana Horvitz wrote:
> 1 - In IE 6, the background does not cover the whole iframe, but it leaves a
> 2px white space on the left and bottom - it looks OK in FF
...
> The page can be seen at http://212.179.71.73:8332/V (click on the first or
> the second icon from the left - in the navigation line)


Your link is not working at my end. I think its this bordered iframe bug,
http://www.quirksmode.org/bugreports/archives/2005/06/Border_around_iframe.html
http://archivist.incutio.com/viewlist/css-discuss/57319
and an option is to use _overflow:hidden on the iframe.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Bullet Shenanigans in IE

[Eric Porter]

I have a very curious issue happening.
I think it's a browser error but I wonder if anyone can
think of a way to prevent it.

My forms on this page:

http://darkpixelgroup.com/content/requestmeeting.asp
http://darkpixelgroup.com/style/original/style.css

are finished and perfect in FireFox but in IE, the bullets
somewhat randomely appear. They also reappear in
different places on refresh after you scroll a bit.

!important didn't seem to help.

Any advice would be appreciated.

--
127.0.0.1 is where the heart is.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [RE-POST] IE page flicker (not rollover)

[Gunlaug Sørtun]

Mark Batty wrote:

> If I hold the mouse over the logo and press the button to select (but
> not release the button), the logo image disappears; when the button
> is released the page reloads (and flickers).  If I also select a
> page, (e.g. COMPONENTS) the whole page flickers when it reloads, it
> also flickers if I select the same page repeatedly. Anyone know what
> causes the flicker?

An unusual IE/win bug...? :-)

> http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/index.html
> 
You may try adding:

#logo a {margin: -1px;}

...in your IE-stylesheet, or in the ordinary one. This "fix" doesn't
disturb other browsers.

No more flickering in IE6 no matter what I do and where I click/hold, on
a copy of your page. I can not test across your site, so can't check
loading/reloading flickering.

My guess is that the negative margin somehow makes the image overflow
the link, thus keep it isolated from it. Don't make me try to figure out
this one any further. It's totally absurd[1].

regards
Georg

[1]http://www.gunlaug.no/contents/molly_1_15.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [RE-POST] IE page flicker (not rollover)

[ian]

> If I hold the mouse over the logo and press the button to select (but not
> release the button), the logo image disappears; when the button is 
> released
> the page reloads (and flickers).  If I also select a page, (e.g. 
> COMPONENTS)
> the whole page flickers when it reloads, it also flickers if I select the
> same page repeatedly.  I don't get this in FF or Opera.  I've tested with 
> FF
> 1.0.7, Opera 8.5, and IE 6.0 on Win XP SP2.
>
> Anyone know what causes the flicker?

I tested on my side in IE6 (also WinXP SP2). None of the ill effects you 
describe appear on my end. I suspect it might have something to do with your 
machine setup (video card, drivers, and IE's DLLs or something like that). 
But that's just a shot in the dark. Try and test it on another machine with 
the same software setup as yours to see if you can replicate the problem.

My 2c.

Ian 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Ret: Horizontal lists in IE and Firefox

[Parker Torrence]

If you do not plan on using a doctype a simple
border: 1pt solid black;
in your ul will fix it.

If you do plan on using a doctype then the border won't work, but if you add

margin-right: -1px;
to your last li that should work.

Parker


Date: Thu, 1 Dec 2005 11:08:44 +
> From: Phil Wilson <[EMAIL PROTECTED]>
> Subject: [css-d] Horizontal lists in IE and Firefox
> To: css-d@lists.css-discuss.org
> Message-ID:
> <[EMAIL PROTECTED]>
> Content-Type: text/plain; charset=UTF-8
>
> Hi all,
>
> I have an unordered list with four elements. I'd like to align them
> horizontally, with each list-item taking up 25% of the screen (or
> their container).
>
> I would have thought this was quite simple, and produced
> http://philwilson.org/code/tests/horizontallist.html which renders
> fine in Firefox and Opera, but in IE the last list-item wraps to the
> next line.
>
> Can someone tell me either where my code is wrong, or which IE bug I'm
> suffering from? I'm sure I've done this before, so there must be a
> workaround.
>
> Many thanks,
>
> Phil
>

--
Parker Torrence
FrogLace WebDesign
http://webdesign.parkertorrence.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] one true layout: equal height columns (IE problem)

[Lisa Hoppes]

I've put together a sample page illustrating my problem.
http://www.luxecraft.com/equal-height.htm

In Firefox, this looks fine. In IE6, the huge amount (1000px) of padding shows.

This is as stripped as I can make it; the actual page will have
content below the 2-column box as well.

Can someone help me troubleshoot?

Thanks!
Lisa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with extra space in ie6.x

[Jim Nannery]

Morning Scott


You wrote;

> Hi all,
>
> I have a 3 pixel problem at the end of a floated div.  A width of 180px
> works fine in firefox but forces the division below in ie to create a 
> empty
> line.  I use _width: 177px at the end of the navigation id and things line
> up, but there is a gap of 3px at the end of this area (I used color
> backgrounds to help show problem).  I checked out the 3-pixel hack (
> http://positioniseverything.net/explorer/threepxtest.html) but didn't see
> how this could be used in this situation.  Is it the correct hack and I
> don't know how to manipulate it in this situation?
>
> The problem is with the #navigation id near the bottom of the style area
>
> webiste: http://www.baseballtriviaquiz.com/test/login.html (css included 
> in
> file)
>
> Thank you for your time and consideration,
> Scot

Remove the following from your css : br.left{clear:left;} and the 
_width:177px;,  and from the xhtml  and your space(s) 
will disappear.  Works locally on the example provided.

IE is reading the only the , and not applying the class and not 
clearing as you intended.

hth

Jim Nannery
www.redfernentrprises.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [RE-POST] IE page flicker (not rollover)

[Mark Batty]

> You may try adding:
>
> #logo a {margin: -1px;}
>
> ...in your IE-stylesheet, or in the ordinary one. This "fix" doesn't
> disturb other browsers.
>
> No more flickering in IE6 no matter what I do and where I click/hold, on
> a copy of your page. I can not test across your site, so can't check
> loading/reloading flickering.
>

Thanks Georg, this stops the click/hold problem.  Richard also gave a very
similar suggestion off list.

I still get the page flicker with both suggestions when switching between
pages or if repeatedly clicking the logo or 'Home'.  I even get flicker if I
select 'Never' in page reload options.

Georg if you're curious you can switch between the homepage and 'COMPONENTS'
on the left in original post.

The click/hold bug was the biggest problem, now fixed thankfully.  I suppose
I can live with the page flicker.

Once again this list and its members have been terrific.

Thanks a lot guys and girls.

Mark.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] modified dropdown flashing in ie - need expert help

[Mark Batty]

> Not seeing any flashing on my IE6/Win2K. Did you fix this? If not, can you
> let us know what version of IE and what platform?

I see the headers of each menu flash in IE6 WinXP SP2, but only when IE
options are set to check pages on every visit.

Mark.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE5 displays text as white

[[EMAIL PROTECTED]]

Hello everyone,
I've had this problem before, and I can never seem to find a solution for
it on the web. I'm sure there is something 
obvious that I've missed, but I'd appreciate any help you can give.

On certain pages of the website I'm working on, paragraph text appears
normally (black) in all browsers besides IE5 Win 
and some versions of the AOL browser. In those browsers, the text does not
appear to be displayed, but on further 
examination it is in fact displayed correctly, but with the color changed
to white. With a white background, it of course 
is not visible unless it is highlighted by the user.

My theory is that the problem is related to CSS inheritance... the 
element in fact has a css rule defining the 
color as #fff, but the content is held in a div that changes that to #000.
The rule works in all other browsers, and I'm at 
a loss to know how to handle it.

A page that has this problem is here:
http://www.dmamusic.org/store/index.php?main_page=login

The CSS for the page is here:
http://www.dmamusic.org/store/includes/templates/dmastore/css/stylesheet.css

Thanks for any help you can give!
Matt Plummer


mail2web - Check your email from the web at
http://mail2web.com/ .


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [RE-POST] IE page flicker (not rollover)

[Ingo Chao]

Mark Batty wrote:
> If I hold the mouse over the logo and press the button to select (but not
> release the button), the logo image disappears
> http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/index.html

At least on my end, Georg's -1px margin fix does stop the flicker.

As a side note, I wonder why I only could see the bug when cache 
settings were changed from "Every visit to page" to "Never"?

Ingo
-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[David Laakso]

Kevin Cannon wrote:

>Hi,
>
>Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:
>
>   ...
>
>   #tabs.ski {
>   background-color: green;
>   }
>
>That works fine in Firefox, but in IE the first rule works, but subsequent
>ones don't:
>
>http://www.multiblah.com/exps/css/id_class.html
>
>On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
>work fine in all browsers.
>
>I'm at a bit of a loss, and so are the oher CSS afficiando's in here.
>
>Any ideas?
>
>- Kevin
>
According to Selectoracle:

#tabs.ski {background-color: green;}
Selects any element with an |id| attribute that equals |tabs| and a 
|class| attribute that contains the word |ski|.
Selectorial is a great site for information on selectors and 
cross-browser support for same:

Regards,
~dL

-- 
David Laakso
http://www.dlaakso.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Leszek]

> Try switching ur class and id around - so that tabs becomes the class
> and ski and home become the id's:
> 
> .tabs {
> padding: 2em 1em;
> border: 2px dotted black;
> }
> 
> .tabs#ski {
> background-color: green;
> }
> 
> .tabs#home {
> background-color: blue;
> }
> 
> ofcourse, rewrite the div as id="home" class="tabs" else no browser will
> see anything :)
> 
> That seemed to get it going in IE and FF for me, although maybe there's
> an approach that doesn't involve switching around id's and classes. Hope
> this helps..
> 

Why not just .home#tabs and .ski#tabs?

- Leszek
http://leszek.swirski.co.uk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] #idname.classname - IE Support

[diego nunes]

On 01/12/05, Tony Crockford <[EMAIL PROTECTED]> wrote:
> is #tabs.ski a syntax that *should* work?  if so have you a reference?

For sure "#id.className { }" should work. As well as
".className.anotherClassName { }". There is no mention about it on the
documentation (at least not on the
), but, following the logical
that comes from "h1#bla" and "h1.className.otherClass", "#id.class"
should work.

--
diego nunes
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] modified dropdown flashing in ie - need expert help

[Pringle, Ron]

Mark Batty wrote:

> I see the headers of each menu flash in IE6 WinXP SP2, but 
> only when IE
> options are set to check pages on every visit.
> 
> Mark.

Mark-

Therein lies your problem. This just came up on the TheList as well. Below
is a link to a post regarding this very same problem with links to some
possible workarounds.

http://lists.evolt.org/archive/Week-of-Mon-20051128/178184.html

Regards,
Ron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] modified dropdown flashing in ie - need expert help

[Mark Batty]

> Therein lies your problem. This just came up on the TheList as well. Below
> is a link to a post regarding this very same problem with links to some
> possible workarounds.
>
> http://lists.evolt.org/archive/Week-of-Mon-20051128/178184.html
>
> Regards,
> Ron

Sorry Ron, I replied to YOUR response to Ross; I meant to reply to Ross as I
did a quick test for him/her.

To Ross: I see the headers of each menu flash in IE6 WinXP SP2, but only
when IE options are set to check pages on every visit.

Sorry for the confusion.

Mark.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[CJ Larson]

> -Original Message-
> IE up to and including 6 on Windows only supports a single selector at
a
> time, inline with the CSS 1 spec. There's a bit more infor from the IE
> team at

I think that though this may be true with ID/Class combinations (I
haven't tested), it works fine for me in IE6sp2 with two classes.  If
multiple classes are possible for you instead of the ID/Class combo, you
might try it.  Here's my relevant info:

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



.wrapper-div {
/* stuff */
}

.input-div.wpart {
/* stuff */
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Eric A. Meyer]

At 2:23 PM + 12/1/05, Tony Crockford wrote:

>this sounds a bit strange but why are you doing #tabs.ski  which means
>id=tabs.ski

That's not quite right.  To select the following:

...

...you'd need to write the following selector:

#tabs\.ski {...}

Without the backslash, it's a case of selecting an element like Kevin did:

...

Interestingly, IE/Win DOES allow you to select an ID-class combo, so 
long as you keep things to one of each.  So as Kevin discovered, 
#tabs.ski does in fact work.  You can see a more complex test of the 
capability here:

http://meyerweb.com/eric/css/tests/class-id.html

If you were to try something like #tabs.ski.help, then IE/Win would 
ignore the "ski" part and select any element with an ID of "tabs" and 
a class of "help", whether or not it had "ski" in its class value.
As for the original problem Kevin encountered:

>On that page, #tabs.home doesn't work...

Without having done any rigorous testing, my best guess is that 
"home" is some kind of reserved word in IE/Win.  It actually has a 
few, despite the fact that CSS has absolutely no concept of reserved 
words in class and ID names.  I did some charting of this in the ID 
space a while back (see 
http://meyerweb.com/eric/thoughts/2005/08/29/reserved-id-values/), 
but never tested the class space.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
   -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Kevin Cannon]

Hey,

Thanks to everyone for the replies. It's a shame that's a bit of a problem.
I've found a workaround now, which isn't ideal but not too awkward.

Thanks again! :)

- Kevin

On Thu, Dec 01, 2005 at 03:39:42PM +0100, Ingo Chao wrote:
> http://archivist.incutio.com/viewlist/css-discuss/57344
> http://sonspring.com/journal/ie6-multi-class-bug
> And someone put it into our Wiki recently.
> 
> For myself, I named the bug "the blue penguins bug" since the day I was 
> posting it in a fit of keeness to the MSDN blog ("Improving the CSS 2.1 
> strict parser for IE 7") among other bug reports 
> (http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#460582) and got 
> this satirical answer:
> http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#461673
> 
> I still don't know if the parser in IE7 is fixed, though.
> 
> Ingo
> 
> -- 
> http://www.satzansatz.de/css.html
> 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal lists in IE and Firefox

[Al Sparber]

From: "Al Sparber" <[EMAIL PROTECTED]>

> There is a rounding bug in IE that causes the problem you see. The
> following page contains a workaround for a horizontal list 
> comprising
> one of our menu systems, but feel free to use the solution we employ
> via a CSS expression. If you have 4 links, then change this part of
> the expression: ".offsetWidth/5" to this ".offsetWidth/4".

Here is a sample without the popup levels:
http://www.projectseven.com/products/menusystems/pmm/testing/autowidth/static.htm

The CSS tweaks and expression are embedded in the page.

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] min-width/width setting with inputs

[CJ Larson]

I'm trying to create 3 divs that sit next to each other if there's room
and who move to the next line if there's not.  I originally set a
"width: 31%" on them which worked great until I put a file upload input
inside.  The text and headings still obey the width, but of course the
input does not.  The width of the div can be seen by the blue border
underneath the headers.

 

I tried the width at "min-width: 31%" (with a width hack for non-mac IE)
but it still didn't work quite right in FF and Opera.  Miraculously (or
maybe not so miraculously since it's probably a bug) IE displays it
exactly how I'm trying to get it to work.  What am I missing to get it
to display on different lines in smaller resolutions on the good
browsers?

 

Site:

http://www.geocities.com/gotcj/temp/inputproblem.html

 

Most relevant CSS (down in the "wrapper-div" section):

http://www.geocities.com/gotcj/temp/layout5.css

 

 

Screen Shots from my local host:

FF (1024x780): http://www.geocities.com/gotcj/temp/image1.png

Opera (800x600): http://www.geocities.com/gotcj/temp/image2.png

IE6 (800x600): http://www.geocities.com/gotcj/temp/image3.png

 

NOTE:

As always (ugh) I'm on a local host, so disable JavaScript before
viewing my geocities links to avoid the ads.  The relevant CSS is in the
file named "layout5".  The two weird-named CSS files you get when using
FF's developer "edit CSS" are from geocities and don't affect the
problem that I can tell (jsoff.css and div.css).

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Wrapper not responding to margin setting in Firefox!

[Zoe M. Gillenwater]

Zach Byrd wrote:

>My homepage has a wrapper that is 760px wide
>(centered). I have the 
>margin set as follows:
> 
> div#wrapper {
> margin: 0px auto;
>
>But, there is still a margin below the footer, even
>though I have set it to 'zero' pixels. Does anybody
>have any ideas about why it is not responding. In IE6,
>the margin follow suit with what is specified by CSS.
>I would appreciate any feedback!
>  
>

Zach,

We can't tell without seeing your page.  Can you please post the URL for 
us to look at.

Here's my guess though -- it's margin collapsing.  You have something 
inside the footer, or possibly something even earlier in the source, 
that has a bottom margin which is collapsing outside of the footer with 
the zeroed body margin.  To fix this, you can either get rid of the 
bottom margin on the mystery element, or give its parent 1px of bottom 
padding, which contains the margin.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Firefox vs. IE positioning

[Dominique Clawson]

Hello everybody,

I read all the posts and learn a lot from them. I don't have a lot of
time to participate since I work full-time and moonlight as a developer;
but I am retiring in Feb so I expect to be more vocal then.

I am developing a website which was designed by someone else. I am using
css to position everything, but am having trouble with a particular
layer which contains the menu. 

http://broomfield.biz/bytemedesign/rfts/index.html. 

I would appreciate your feedback.
Thanks,

Dominique
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bullet Shenanigans in IE

[Craig Cook]

On 12/1/05, Eric Porter <[EMAIL PROTECTED]> wrote:
> I have a very curious issue happening.
> I think it's a browser error but I wonder if anyone can
> think of a way to prevent it.

I've seen this before and blogged it a long time ago at
http://geek.focalcurve.com/archive/2004/02/the-ie6-randomly-bulleted-menu-bug/

The problem (best guess here) seems to stem from applying the bullet
graphic to a generic element selector, which we then override with a
later, more specific selector. IE gets confused and initially renders
them with the general style, and only applies the more specific one in
response to some action (hovering, scrolling, etc).

The workaround I advised two years ago was to not use a generic
selector to style *all* lists, but to give it a bit more specificity
to only style lists in a certain context. That may not work in your
case since the form lives inside #content, so I'm not sure how you
could really differentiate between list items inside #content and list
items -inside a form- inside #content -- the first rule would still
apply to both.

However, that doesn't matter because I now recommend an entirely
different approach... I've pretty much abandoned "list-style-image"
for two reasons: this IE issue and inconsistent positioning across
browsers. Instead, I suggest using a background image for graphical
bullets:

ul li {
list-style: none;
margin-left: 0;
padding-left: 15px;
background: transparent url(bullet.png) 2px 4px no-repeat;
}

Different browsers use different properties to indent list items, so
zeroing the margin-left and specifying padding will ensure
consistency. Use adequate padding to make room for your bullet graphic
however wide it may be. Then by applying the bullet as a background
image, you gain control over its positioning: in the shorthand example
it's positioned 2px from the left and 4px from the top. Lastly,
"no-repeat" makes sure it doesn't tile across the entire list item.

Then override it:

form ul li {
list-style: none;
margin-left: 0;
padding-left: 0;
background-image: none;
}

The background-bullet technique is popular and well-proven, and I've
never had a problem with it in any browser worth mentioning. And since
it's not using list-style-image it doesn't trigger the wierdness in
IE.

--
Craig, www.focalcurve.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check please (IDA)

[Emily Jones]

I am still new to CSS and will appreciate your suggestions for making 
the code cleaner and more accessible. (This is a transitional layout 
to more-or-less emulate our site's current table-based layout; the 
final design should be better-looking and easier to navigate.)

Test page is here:
http://www.darksky.org/_test/fsa-mods.html

Using this (currently invalid) CSS:
http://www.darksky.org/css/main.css

Thanks very much!

Emily Jones
Project Coordinator
International Dark-Sky Association  


-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.1.362 / Virus Database: 267.13.10/189 - Release Date: 11/30/2005



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Centering problem

[Mário Gamito]

Hi,

I have this problem with text centering in this page:
http://www.tuxdoit.com/prototype.php

1) As you can see, the left black space until "Notícias" is much larger 
than the one from the last letter of "Newsletter" until the end of the 
black bar.

I've broke my head trying to figure out where this left extra space 
comes from, but i have no idea at all.


2) How can i vertically center the text (vertical-align: middle doesn't 
work) ?

Any help would be apreciated.

Warm Regards,
Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bullet Shenanigans in IE

[Rowan @ Jetboy]

Try dimensioning the  - either width: 100%; or something like height: 0;
in a conditional comment.

This is yet another one of those IE bugs associated with the hasLayout
property.



I have a very curious issue happening.
I think it's a browser error but I wonder if anyone can think of a way to
prevent it.

My forms on this page:

http://darkpixelgroup.com/content/requestmeeting.asp
http://darkpixelgroup.com/style/original/style.css

are finished and perfect in FireFox but in IE, the bullets somewhat
randomely appear. They also reappear in different places on refresh after
you scroll a bit.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE5 displays text as white

[Schalk]

[EMAIL PROTECTED] wrote:
> Hello everyone,
> I've had this problem before, and I can never seem to find a solution for
> it on the web. I'm sure there is something 
> obvious that I've missed, but I'd appreciate any help you can give.
>
> On certain pages of the website I'm working on, paragraph text appears
> normally (black) in all browsers besides IE5 Win 
> and some versions of the AOL browser. In those browsers, the text does not
> appear to be displayed, but on further 
> examination it is in fact displayed correctly, but with the color changed
> to white. With a white background, it of course 
> is not visible unless it is highlighted by the user.
>
>   
Greetings Matt

My first thought would be to set p to black in the specific DIV/SPAN

If this content is a DIV called #main-content then set:
#main-content p {
color:#000;
}

HTH

-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Page not displaying correctly in Mac Browsers

[Tony Burke]

Hi,

 

Can someone help me and check the website:

 

HYPERLINK "http://www.holbrookhouse.co.uk/"http://www.holbrookhouse.co.uk

 

in a Mac browser please?  My client is saying that the left hand menu system
is not displaying correctly after you move away from the homepage?
Unfortunately, I don’t have instant access to a Mac at the moment so I can’t
test it myself, the client is wanting to use frames on some of the pages
which may be the problem, I’ve tried to change their mind on this but they
are insisting on using frames for some pages.  I can’t check myself quickly
so I’m unsure of what the problem could be.

 

If anyone can help I would really appreciate it.

 

Many thanks,

 

Tony


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.9/185 - Release Date: 28/11/2005
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Footer always on page bottom

[Panos Laganakos]

Hello,

I am trying to position the footer a a page to the bottom and allow it 
to move further down as the size of the above divisions is variable.

using a:






The container is position: absolute; and width/height: 100%,  the var$ 
divisions are positioned relatively, 'cause I don't know their size 
ahead of time.

The problem is, if I position the footer absolute, bottom: 0px, when the 
above divisions grow, it will fall on one another, resulting in 
something really crappy. If i define it relative, it will move fine with 
the rest divisions but won't let me position it at the bottom of the 
container, even though the container fills the whole page.

Is there some way to do this, by avoiding using a table or javascript 
for repositioning?

Thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] #idname.classname - IE Support

[Michael Hulse]

On Dec 1, 2005, at 3:41 AM, Kevin Cannon wrote:
>   ...
>
>   #tabs.ski {
>   background-color: green;
>   }

Excuse my noobieneess...

Why not:

...

/* Make .ski green: */
#tabs .ski {
background-color: green;
}
/* Make .ski red: */
#tabsTwo .ski {
background-color: red;
}
/* Or, make #tabs and .ski green: */
#tabs, .ski {
background-color: green;
}
/* Or, even: */
#tabs, #tabs .ski {
background-color: green;
}

-- 
¸.·´¯`·.¸¸><(((º>`·.¸¸.·´¯`·.¸¸><º>
·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸><º>
`·.¸><º>¸.·´¯`·.¸¸><º>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Expanding container question

[Jonathan Carter]

What is the best solution for implementing a div container that will be 
at least 100% of the page's viewport height regardless of how much 
contents it contains, but will also expand as needed. Any articles or 
comments would be appreciated. Thanks a lot.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] min-width/width setting with inputs

[Gunlaug Sørtun]

CJ Larson wrote:
> I'm trying to create 3 divs that sit next to each other if there's
> room and who move to the next line if there's not.  I originally set
> a "width: 31%" on them which worked great until I put a file upload
> input inside.  The text and headings still obey the width, but of
> course the input does not.

> http://www.geocities.com/gotcj/temp/inputproblem.html

Min-width should reflect the content-width - not the window-width. An
em-based min-width is most practical since content will expand with
font-size. That's more or less how IE/win acts anyway.

I tested with '.wrapper-div {min-width: 15em;}' on most, and
'.wrapper-div {min-width: 7.5em;}' on the two select. These values
worked well in Opera & Firefox, where I got a nice line-up and drop to
new lines when needed - regardless of font-size. Trim these values till
you get the best result.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] is there hope!! newbie trying hard to get it working!

[Laura Greenwood]

hi everyone.. y'all have been so great and I really appreciate all the
input. With your suggestions combined into this

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm
(looks good in IE6, missing middle white grid background in firefox,
and not sure how it looks in other browsers)

I modified the footer to include a table in this version of the same
program. Again in IE6 it looks great, in firefox, wow, the whole
middle structure is gone, block C is flush left and the white
background with blue lines is gone.

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index8.htm

I'm really not sure how to go about changing this to work. I also need
to add a form on the left nav bar and place a iso9001 graphic under
that inquiry form (currently commented out), but not sure how to go
about that. Anytime I do anything to the document, it seems to break
something else. I know this is possible, but it seems like there's
something missing each time I try something.

Any ideas are gratefully appreciated. I thank everyone for looking.

 --

Laura 
mailto:[EMAIL PROTECTED]

http://google-fu.blogspot.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with extra space in ie6.x

[Holly Bergevin]

From: Scot Schlinger <[EMAIL PROTECTED]>

> A width of 180px
>works fine in firefox but forces the division below in ie to create a empty
>line.  I use _width: 177px at the end of the navigation id and things line
>up, but there is a gap of 3px at the end of this area 


>The problem is with the #navigation id near the bottom of the style area
>
>webiste: http://www.baseballtriviaquiz.com/test/login.html 

Remove the _width: 177px completely. Change the br.left selector to include the 
following properties/values.

br.left {
clear: left;
line-height: 0;
}

This forces IE to close up the gap that the < br> is taking, at least in your 
current minimal case. 

I hope that helps,

~holly  
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering problem

[Cem Meric]

Hi Mario, 

Altough, I am strongy confident with this but you can try this;


#menu2 {
text-align: center; //delete this
}

#menu2 li {
margin-left: 4.3%; //change this
 }

If you haven't yet, I'd suggest to go through

http://css.maxdesign.com.au/listamatic

Specially; 

http://css.maxdesign.com.au/listamatic/horizontal16.htm


Regards, 
Cem Meric

Kalkadoon
Corporate Solutions


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mário Gamito
Sent: Friday, 2 December 2005 8:56 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Centering problem

Hi,

I have this problem with text centering in this page:
http://www.tuxdoit.com/prototype.php

1) As you can see, the left black space until "Notícias" is much larger 
than the one from the last letter of "Newsletter" until the end of the 
black bar.

I've broke my head trying to figure out where this left extra space 
comes from, but i have no idea at all.


2) How can i vertically center the text (vertical-align: middle doesn't 
work) ?

Any help would be apreciated.

Warm Regards,
Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Garbled Text In Firefox Under Suckerfish Dropdown

[cFA]

HI there, Ive got an issue in which when a line of text is overlapped
(usually by a portion like half) in my suckerfish, that the text becomes
garbled and fuzzy in Firefox.  I put up a test page (totally stripped for
test purposes) for you to see what is happening:

http://aenonfiredesign.com/test/sucker/alt/

css:
http://aenonfiredesign.com/test/sucker/alt/layout.css
http://aenonfiredesign.com/test/sucker/alt/nav.css
http://aenonfiredesign.com/test/sucker/alt/typo.css

to see what happens rollover the first tab "study" and then rollover to
"interactive" back and forth a few times and you will see the text of the
test question "of the" become more and more garbled the more you go back and
forth.

I was able to fix it to some extent in FF by making the border on the nested
ul considerably smaller, however safari wouldnt display a border that was
under .09em

this is also happening to a friend of mines nav as well only his is worse as
the menu is vertical and the drop down overlaps into the middle of content
area text, he tried the border bit, but it didnt have any affect on his
layout, with or w/out a border the text was still garbled.

Ive tried a different font, as well as making the font size larger, also
tried using px instead of ems, but all to no avail.

really appreciate any help from the genius bar :)

-clint



--
iron sharpens iron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering problem

[Roger Roelofs]

Mario,

On Dec 1, 2005, at 4:56 PM, Mário Gamito wrote:

> Hi,
>
> I have this problem with text centering in this page:
> http://www.tuxdoit.com/prototype.php
>
> 1) As you can see, the left black space until "Notícias" is much larger
> than the one from the last letter of "Newsletter" until the end of the
> black bar.
Change the selector from #menu2 to #menu2 ul and add padding: 0;
On #menu2 li change margin-left: 30px to margin: 0 15px;

It is important to remove the browsers default margin and padding for 
lists and list items.

> 2) How can i vertically center the text (vertical-align: middle doesn't
> work) ?

 From #menu2 remove font-size: 36px.  It is pushing all else down  
Change height to line-height;

I'm not sure that is everything because I lost track of changes a bit, 
but it should get you started.  I also highly recommend against using 
px for this stuff.  When possible I do things in ems or % so it is more 
flexible when the font-size changes.

hth
Roger,

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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page not displaying correctly in Mac Browsers

[rashantha de silva]

On Dec 1, 2005, at 3:38 PM, Tony Burke wrote:

> Can someone help me and check the website:
>
>
>
> HYPERLINK "http://www.holbrookhouse.co.uk/"http:// 
> www.holbrookhouse.co.uk
>
>
>
> in a Mac browser please?  My client is saying that the left hand  
> menu system
> is not displaying correctly after you move away from the homepage?

i believe you have a problem on the home page as well.
the logo is not displaying properly on the top left corner.
it reads 'ouse'

the nav seems okay on safari.

rush.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Min-width/Max-width: IE PC/IE Mac too?

[Michael Hulse]

Hello,

Example code:

--

#mainContainer {
min-width: 500px; /* IE doens't understand this property. */
/* IE Dynamic Expression to set the width: */
width:expression(document.body.clientWidth < 500 ? "500px" : "100%" );
}

--

Questions:

1. How would I go about applying a Max-width also?

2. Should I be worried about the above expression breaking in IE7?

3. How would I get min-width and max-width to work in IE/Mac? The 
above expression appears to have no affect on that browser/platform.

4. What would you suggest is a good max-width for a fluid-layout site?

Any help would be greatly appreciated.  :)

Thanks, cheers,
Micky
-- 
¸.·´¯`·.¸¸><(((º>`·.¸¸.·´¯`·.¸¸><º>
·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸><º>
`·.¸><º>¸.·´¯`·.¸¸><º>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Firefox active link dotted border problem

[Christian Montoya]

This is the page with the problem: http://temp.rdpdesign.com/final/

It's the old quirk where Firefox adds a 1px dotted border to links
when you click them... I hate that. It's making the links in the
horizontal UL navigation jump. It's really annoying and I tryed a few
things that were unsuccessful and have no idea what to do.

The page works fine in IE 6 and Opera. A Mac/*nix browser test is in
order, so let me know how that's doing. I ..think.. I could live with
the FF behavior, but it looks really bad. Normally I would just change
the implementation but getting those sliding-doors-tabbed-links on top
of that manila folder graphic was hard enough on its own. Can anyone
suggest a fix?

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Garbled Text In Firefox Under Suckerfish Dropdown

[Michael Hulse]

On Dec 1, 2005, at 7:31 PM, cFA wrote:

> HI there, Ive got an issue in which when a line of text is overlapped
> (usually by a portion like half) in my suckerfish, that the text 
> becomes
> garbled and fuzzy in Firefox.

Yep, happens to me too with my own version of Suckerfish.

I believe that it has to do with the Javascript. Try turning-off the JS 
for the Suckerfish drop-downs and I bet the problems disappear.

Not too sure of a workaround for it. Seems like a Firefox bug/issue... 
Maybe fixed in the next update?

Micky
-- 
¸.·´¯`·.¸¸><(((º>`·.¸¸.·´¯`·.¸¸><º>
·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸><º>
`·.¸><º>¸.·´¯`·.¸¸><º>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE not showing an absolute position menu

[Jacky]

Hello all,

I'm doing some re-design of my blog and the result is at
http://jacky.seezone.net .No problem in Firefox.

In IE, on the front page, the navigation menu disappeared. But in other page
like the individual post page (e.g.
http://jacky.seezone.net/archives/001756.html ) , the navigation can be
shown. I think that it may be something to do with the right column?


Best Regards,
Jacky
網絡暴民 http://jacky.seezone.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Adding a border to a div fixes gaps/margins/padding? Why?

[Michael Hulse]

Hello,

I have come-across a couple of different situations where I have added 
a 1px solid border to a div, and it seemed to fix weird gaps and/or 
made the child-content behave a bit better by tightening-up what 
appears to be the padding/margins ... It is really hard to explain, and 
I think it may only be a Mac thing...

With that said, does anyone have any links to examples/bugs that are 
similar to the above oddity?

Am I crazy?

Side-note: I zero-out all of the margins and padding at the beginning 
of my CSS using "* {margin:0;padding:0;}".

Thanks,
Cheers,
Micky.
-- 
¸.·´¯`·.¸¸><(((º>`·.¸¸.·´¯`·.¸¸><º>
·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸><º>
`·.¸><º>¸.·´¯`·.¸¸><º>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Paragraph Numbers

[Arthur Maloney]

Hello CSS-discuss,

  Is there aa way to do numbering like

  1.1.1 ...
  1.1.2 ...
  ...
  1.2.1 ...
  1.2.2 ...

-- 
Best regards,
 Arthur  mailto:[EMAIL PROTECTED]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox active link dotted border problem

[matt andrews]

On 02/12/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
> This is the page with the problem: http://temp.rdpdesign.com/final/
>
> It's the old quirk where Firefox adds a 1px dotted border to links
> when you click them... I hate that. It's making the links in the
> horizontal UL navigation jump. It's really annoying and I tryed a few
> things that were unsuccessful and have no idea what to do.
>
> The page works fine in IE 6 and Opera. A Mac/*nix browser test is in
> order, so let me know how that's doing. I ..think.. I could live with
> the FF behavior, but it looks really bad. Normally I would just change
> the implementation but getting those sliding-doors-tabbed-links on top
> of that manila folder graphic was hard enough on its own. Can anyone
> suggest a fix?

I don't think it's anything to do with the dotted border on Firefox
active links (which I personally quite like, and which I'd be
near-certain has nothing to do with actual layout changes).

I suspect it's IE and Opera mis-handling this CSS:

#navcontainer li a:focus, #navcontainer li a:active { padding:3px 14px; }
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Garbled Text In Firefox Under Suckerfish Dropdown

[Christian Montoya]

On 12/2/05, Michael Hulse <[EMAIL PROTECTED]> wrote:
> On Dec 1, 2005, at 7:31 PM, cFA wrote:
>
> > HI there, Ive got an issue in which when a line of text is overlapped
> > (usually by a portion like half) in my suckerfish, that the text
> > becomes
> > garbled and fuzzy in Firefox.
>
> Yep, happens to me too with my own version of Suckerfish.
>
> I believe that it has to do with the Javascript. Try turning-off the JS
> for the Suckerfish drop-downs and I bet the problems disappear.
>
> Not too sure of a workaround for it. Seems like a Firefox bug/issue...
> Maybe fixed in the next update?

Why not just hide the JS from Firefox? If it's only needed for IE,
then why oh why haven't you put it behind a conditional comment?

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox active link dotted border problem

[Philippe Wittenbergh]

On 2 Dec 2005, at 2:10 pm, Christian Montoya wrote:

> This is the page with the problem: http://temp.rdpdesign.com/final/
>
> It's the old quirk where Firefox adds a 1px dotted border to links
> when you click them... I hate that. It's making the links in the
> horizontal UL navigation jump. It's really annoying and I tryed a few
> things that were unsuccessful and have no idea what to do.

a:focus {outline-offset: -1px} will work nicely in FF 1.5+

That jumping is a kind of bug (or not ?, maybe just another 
contradiction in the specs) in Firefox.

If you want to delete it completely, think 3 times or more, that focus 
ring *is* an accessibility feature. You don't provide any other 
feedback to keyboard users.

(
:focus {-moz-outline: none /* fx 1.07*/ outline:none /* fx 1.05, 
Safari, Mac IE*/}
)
Oh, and you won't get rid of it when I view your site, I make sure of 
that, and some other users I personally know have the same settings.
Philippe
---
Philippe Wittenbergh


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Paragraph Numbers

[Philippe Wittenbergh]

On 2 Dec 2005, at 3:11 pm, Arthur Maloney wrote:

>   Is there aa way to do numbering like
>
>   1.1.1 ...
>   1.1.2 ...
>   ...
>   1.2.1 ...
>   1.2.2 ...

Counters

Firefox 1.5 and Opera 8+ only.

Other solution: manually adding them.
Philippe
---
Philippe Wittenbergh


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Min-width/Max-width: IE PC/IE Mac too?

[Christian Montoya]

On 12/1/05, Michael Hulse <[EMAIL PROTECTED]> wrote:
>
> 2. Should I be worried about the above expression breaking in IE7?

If you are, use a conditional comment, [if lte IE 6]

>
> 3. How would I get min-width and max-width to work in IE/Mac? The
> above expression appears to have no affect on that browser/platform.

If you are concerned about IE Mac, just use straight Javascript, it's
the same as the expression but it's not invalid CSS:
http://pro.html.it/articoli/id_620/idcat_31/pag_1/pag.html

>
> 4. What would you suggest is a good max-width for a fluid-layout site?

I really like 1100 px. Of course, your width should be related to the
number of columns, the width of each column, and the default size of
your text... you might even want to use ems for your max width... I
think you are the best judge of that.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Mac three column layout

[Julie Ellam]

Hi,

I just want to say I have fixed the problem with this layout. I had an
incorrect width value on the middle column.

Regards,

Julie

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Julie Ellam
Sent: 01 December 2005 13:17
To: css-d@lists.css-discuss.org
Subject: [css-d] IE Mac three column layout


Hi,

I'm having a problem with a three column layout in IE mac.

The central column is displaying in line with the other two columns but
is lying below them. http://test.room108.co.uk/test/test.htm

I appreciate your help in advance.

Kind regards,

Julie

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox active link dotted border problem

[ian]

> It's the old quirk where Firefox adds a 1px dotted border to links
> when you click them... I hate that. It's making the links in the
> horizontal UL navigation jump. It's really annoying and I tryed a few
> things that were unsuccessful and have no idea what to do.

It's not that it's a "1px dotted border" around the element. It's the 
"outline". I've had some luck with altering the CSS3 outline property to 
nothing. I think that should help your cause a little.

My 2c.

Ian 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE not showing an absolute position menu

[Philippe Wittenbergh]

On 2 Dec 2005, at 2:59 pm, Jacky wrote:

> I'm doing some re-design of my blog and the result is at
> http://jacky.seezone.net .No problem in Firefox.
>
> In IE, on the front page, the navigation menu disappeared. But in 
> other page
> like the individual post page (e.g.
> http://jacky.seezone.net/archives/001756.html ) , the navigation can be
> shown. I think that it may be something to do with the right column?

Your absolute positioned block comes after a floated block, and 
vanishes into tin air. It is still there, you can tab to it, it will 
show a focus ring, and the url of the link in the statusbar.



Philippe
---
Philippe Wittenbergh


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Garbled Text In Firefox Under Suckerfish Dropdown

[Michael Hulse]

On 12/2/05, Michael Hulse <[EMAIL PROTECTED]> wrote:
> Why not just hide the JS from Firefox? If it's only needed for IE,
> then why oh why haven't you put it behind a conditional comment?

Yeah, good idea. Hehe, I feel silly for not thinking of that... duh!

On 12/2/05, Michael Hulse <[EMAIL PROTECTED]> wrote:
> Not too sure of a workaround for it. Seems like a Firefox bug/issue...
> Maybe fixed in the next update?

I guess what I meant by "Not too sure of a workaround" was that I do 
not no how to fix a Firefox JS bug (if it is one, I am just making a 
big fat guess...). Conditional comments are a temp fix... although, for 
the Suckerfish JS, I agree, it is a very good idea just to feed it to 
IE...

If it is a bug though, one would hope they would fix the problem rather 
than have us web-developers hide JS from Firefox... I am sure it 
happens with other scripts where the JS needs to be read by Firefox... 
Specifically, I think the problem has to do with the 
"document.getElementById".

I have seen this issue happen with other sites and other scripts in 
Firefox...

Cheers,
Micky
-- 
BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
My del.icio.us: http://del.icio.us/mhulse

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Min-width/Max-width: IE PC/IE Mac too?

[Michael Hulse]

On Dec 1, 2005, at 11:37 PM, Christian Montoya wrote:
>  I think you are the best judge of that.
>
Thanks for the response Christian, I really appreciate your time. :)

I probably should not worry about IE/Mac, but I do (I am a Mac guy, and 
I also like the feeling of having my CSS look good in that 
browser/Platform... although, I probably have gotten the biggest 
headaches in my lifetime because of stupid IE/Mac bugs/issues...)

Oh, I also just found this:

(Gunlaug's IE-expressions in CSS)
http://www.gunlaug.no/contents/wd_1_02_01.html#item3

Thanks!
Cheers,
Micky
-- 
BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
My del.icio.us: http://del.icio.us/mhulse

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/