[css-d] Re: A cross browser problem

[peter newton]

Hello All,
Thank you for your responses Ist off
Thanks Christian Heilmann I've applied your
changes to test2 and now opera, netscape and
Firefox all look good and identical, but if
you now look at it with ie6 you will see why 
I made %%left%% position: absolute. 

I think David Laakso has a sound idea to 
"code to good browsers, and hack IE" So now
(before I try floats 'Thanks Gunlaug') If I push ie6
off to the side and start with Christians solution
which works in just about everything else, I am now
left with the problem of how to hack ie6 
(a lot of people use it). I'ts clearly obvious to me 
now not to learn css using ie, its just going to give me
all the wrong ideas.

One thought is to put the %%left%% div in the document
head, detect which browser I am in and select absolute or
relative accordingly. This might be possible using
Javascript but could there be a simpler way? I will of
course look into using floats but want to stick with it
and hak ie6 without breaking the other browsers.

any ideas will be most welcome. Thanks again for the help.
this is knocking so much time off the learning curve for me.

peter
__
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 Fix Needed - REPOST

[Rahul Gonsalves]

Posted this earlier - thank you to Jim, who helped out with problems 1 
and 2. I need to get this site working today, and it needs to look good 
in IE 6 at the very least.


Dear All:

I'm having a couple of problems with a page in IE.

The page in question:
http://janaagraha.org/rahul/John/

Mockup - What I'm trying to achieve: (warning: >100kb)
http://www.flickr.com/photo_zoom.gne?id=51803913&size=o

Problems:
1. FIXED
2. FIXED

IE-Specific:
3. I've put the text after the coloured boxes for the third and fourth 
navigation elements. This is causing the text to come on the right, not 
smoothly go to the next line like I'd like it to.
4. The whole page has shifted a *lot* more to the right in IE, compared 
to FF, noticeable at resolutions above 800*600. Is this because of the 
incorrect interpretation of the box model?


Opera 8.50:
5. Problem 3 applies here as well. This causes only one of the boxes 
(news) to drop down to the next line.


Firefox so far displays it closest to what I'm trying to do.

All other suggestions welcome. I'd appreciate hearing from all of you 
about what you think of the site (page, really), design, and code. I 
know I've got too many div tags in there, any suggestions on how to cut 
them down would be welcome.



Thanks a lot,
Warmly,
Rahul.

Note: All browsers XPSP2.


--

Rahul Gonsalves


Make PNG, not War.

--



__
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: A cross browser problem

[peter newton]

 
Ooops sorry I ommitted to put the url to the site in this reply

test page:  http://devnz.scripterz.org/test2.html
   css file:  http://devnz.scripterz.org/test2.css

Thats better

Thank you for your responses Ist off
Thanks Christian Heilmann I've applied your
changes to test2 and now opera, netscape and
Firefox all look good and identical, but if
you now look at it with ie6 you will see why 
I made %%left%% position: absolute. 

I think David Laakso has a sound idea to 
"code to good browsers, and hack IE" So now
(before I try floats 'Thanks Gunlaug') If I push ie6
off to the side and start with Christians solution
which works in just about everything else, I am now
left with the problem of how to hack ie6 
(a lot of people use it). I'ts clearly obvious to me 
now not to learn css using ie, its just going to give me
all the wrong ideas.

One thought is to put the %%left%% div in the document
head, detect which browser I am in and select absolute or
relative accordingly. This might be possible using
Javascript but could there be a simpler way? I will of
course look into using floats but want to stick with it
and hak ie6 without breaking the other browsers.

any ideas will be most welcome. Thanks again for the help.
this is knocking so much time off the learning curve for me.

peter

__
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: Need more help Was: [css-d] List with hover background images

[Christian Heilmann]

A url might make things a lot easier.

Generally you can only keep a padding when the link breaks into a new
line when you set the background image on the parent element of the
link, in this case the LI. Then you apply the hover effect to the LI
and not to the link and all is fine. You could do this in CSS2
browsers without JS, but for MSIE you need JS.

An  example is the left hand nav I did here:
http://www.iva-advice.com/
http://www.iva-advice.com/ivaadvice.js

--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
__
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] My nav bar doesn't show up

[Nancy Smith]

What am I doing wrong with my nav bar? It shows up in
Dreamweaver, but not on the site? 
http://www.doloresmission.com/wmipage.htm#

Am I doing my css properly?  Thanks in advance.
Nancy Smith
__
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 Fix Needed - REPOST

[Ingo Chao]

http://janaagraha.org/rahul/John/


Rahul,

IE is wrongly centering the content,
.inner { ... text-align: left;}

does not wrap the link text after the image (at inline-level)
.nav img { ... display: block;}

and needs some layout to make the whole link area clickable
.nav a {zoom:1;} [1]


Ingo

[1] http://www.brunildo.org/test/IEABlock1.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] Site feedback please :)

[Lorraine Nepomuceno]

Georg, David & Chris,

Thank you SO much, guys, for your feedback. I've emailed you privately.

:) Lorraine

Re: http://www.alamug.com site check
__
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] Strange IE Link behaviour

[Ingo Chao]

In the middle of the page in the green box, the list of subsections.  When
you mouse over them the hand does not change to signify a link.  Clicking on
the images doesnt not trigger the link, only clicking on the text, even
though the link started before the image and ends after the text.

http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=6



Marc, do you need these dimensions in IE?

#subsections ul li .imgspan { height: 88px; width: 88px; ... }

With these dimensions, haslayout=true somewhat disconnects the 
mouseevent, I fear.


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] Condensed font

[Scott Haneda]

on 10/12/05 9:41 PM, Jan Brasna at [EMAIL PROTECTED] wrote:

>> The MS typography pages suggest that Arial Narrow is likely to
>> be available on Mac OS too, but I have no recent experience of
>> Mac type choices.
> 
> Arial Narrow as well as Impact is OK on default OSX 10.4.2 setup.

Cept for me, on Windows, Arial Narrow is less narrow than normal Arial, OS X
pseudo narrows it, but windows is actually less condensed.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] IE6 and hover - csshover.htc problems

[Jørgen Farum Jensen]

Diane Tomlins wrote:
 Christian, 
Yes, I've tried double quotes, single quotes, and no quotes - - none of it

makes the slightest difference. :(

I did manage to load the problem page up on my personal web space. The whole
thing is a mock-up so there are a lot of comments in the html and the css,
but that'll be cleaned up later. 

The test page is here: http://home.comcast.net/~drt603/dallas/index4.htm 


Diane - your page has a lot of Dreamweaver crap, can it be a question of 
some sort of Jscript error?


In your place I would try my .htc fil in a real simple page to establish 
whether its a page construction problem or some sort of server problem.


Hope you find a solution, it's a nice page.

Best regards

Jørgen Farum Jensen
www.webdesign101.dk
__
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] IE6 and hover - csshover.htc problems

[Ingo Chao]

http://home.comcast.net/~drt603/dallas/index4.htm 


Diane, in fact I don't see the reason for the need of the htc behavior, 
as all hover rules are defined on links, or am I missing something?


div#subNav a:hover {... background-position: 0 0;}  /* [1] */

Ingo

[1] http://www.satzansatz.de/cssd/pseudocss.html#hoverdesc
__
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] CSS and select boxes - two questions

[ian]

Hi all,

I've been reading on this list for a while now, taking my time before 
opening my mouth :)


I came across an interesting problem last night, while skinning the front 
end of a tool we're going to be using here at work. I created a mock-up 
design which you can view here 
(http://prezence.servehttp.com/10min/mockup.png) and as you can see what I 
want to do is style a multi-select box. I did a bit of reading about select 
boxes, and to my shock and horror I discovered that I won't be able to style 
the border of the .


That is, of course, unless someone here knows a workaround other than the 
"replace it all with images and hide the original element" one (I can't 
remember the link or title of this concept, but I think it's fairly well 
known).


My second question relates to styling the "selected" items in the list, 
using a red background colour (depicted in the mockup) as opposed to the 
default blue background+white text that IE+FF defaults to. I don't have the 
original code here (writing this mail from the office) but the closest I 
came, testing in Firefox, was using something along the lines of the 
following: (being CSS2, IE didn't have a clue, but it worked in Gecko).


Assuming the markup of the left multi-select was something like the 
following:



   News
   Gigs
   Galleries
   Tours
   Biography
   Releases


and the CSS:

select.modules option[selected] {
   background-color: #F00;\
   color: white;
}

This had the odd effect that elements that were set as selected in the HTML 
would be properly styled (as long as they were not "currently" selected). I 
also tried


select.modules option:hover {
   background-color: pink;
   color: white;
}

to see if it would work. All of this is well and fine, but no matter what 
else I tried (option:active, element has focus?) I couldn't seem to crack 
this one.


Does anyone have any ideas? I'm stumped.

Thanks!

Ian van den Heuvel
PHP Developer, Prezence South Africa 



__
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] CSS and select boxes - two questions

[Zoe M. Gillenwater]

ian wrote:


Hi all,

I've been reading on this list for a while now, taking my time before 
opening my mouth :)



Welcome!  You should know, though, that you started this thread 
incorrectly -- you replied to an existing message instead of sending a 
new message to [EMAIL PROTECTED]  So, your message got 
threaded on to the old thread, which messes up the archives and makes it 
less likely that others will see your message and subsequently

reply to you.  Just a word of warning for next time!

I came across an interesting problem last night, while skinning the 
front end of a tool we're going to be using here at work. I created a 
mock-up design which you can view here 
(http://prezence.servehttp.com/10min/mockup.png) and as you can see 
what I want to do is style a multi-select box. I did a bit of reading 
about select boxes, and to my shock and horror I discovered that I 
won't be able to style the border of the .


That is, of course, unless someone here knows a workaround other than 
the "replace it all with images and hide the original element" one (I 
can't remember the link or title of this concept, but I think it's 
fairly well known).



I know someone on this list, Christian Heilman, I think, has a 
Javascript solution to create something that looks and acts like a 
select box but isn't a select box, so it can be styled at will.  Perhaps 
Christian or whoever will chime in with the link.  I don't have it, 
because I got over the fact that you can't style form elements very much 
long ago. :-)


My second question relates to styling the "selected" items in the 
list, using a red background colour (depicted in the mockup) as 
opposed to the default blue background+white text that IE+FF defaults to.



Actually, that's not necessarily what it defaults to.  On my PC, the 
highlight color is a lovely light olive green, because that's the color 
scheme I set for the OS (can't stand that bright XP blue!).  So, the 
look of the select box is largely controlled by the OS, and thus there's 
not much you can do with CSS to change how it looks.


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/

Re: [css-d] CSS and select boxes - two questions

[Christian Heilmann]

> I know someone on this list, Christian Heilman, I think, has a
> Javascript solution to create something that looks and acts like a
> select box but isn't a select box, so it can be styled at will.  Perhaps

http://icant.co.uk/forreview/tamingselect/

It does not really act the same, as you cannot navigate it with cursor
keys, and is not really applicable to his problem.

> Christian or whoever will chime in with the link.  I don't have it,
> because I got over the fact that you can't style form elements very much
> long ago. :-)

Amen. I also replied off list that a multiselect dropdown control is a
usability nightmare as it works differently on different user agents /
operating systems and that a nice replacement is a checkbox list. With
the proper labels on the elements it works almost the same and can be
styled easily.

If I get the time I will do an example for that
__
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] Please help ie box hack question

[Zoe M. Gillenwater]

Carol F. Swinehart wrote:


I just started doing css sites and the box hack is messing me up.






Can it be applied to % - I know what % works in IE  so can I use the % 
there or do I have to calculate the actual px???



You can use a box model hack if the box has its width set in a 
percentage, but if the padding is set in pixels, it's kind of pointless.


When using a box model hack, you add the padding and borders on to the 
width and feed this value to WinIE5.  However, if these values don't use 
the same unit, you have no way of knowing what they add up to be.  For 
instance, if your content area is 70% with 10px right and left padding, 
the width you need to feed it is:

70% + 10px + 10px = ?
Who knows what that adds up to be?  You could guess and say perhaps 75%, 
but that would just be a guess.


A better option is to avoid the box model hack altogether by not 
applying width and padding to the same box.  Instead, apply margin to 
the elements inside the box, or even nest one div inside another, the 
outer with the width set and the inner with the padding set.




My biggest problem is with applying the *html .whatever somewhere in 
my stylesheet to correct this problem



Perhaps it's because you've forgotten the space between the * and html?  
It should look like this:


* html .whatever { /* only IE, Win and Mac, sees this rule */ }

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/

Re: [css-d] Hiding table footer in some pages

[Zoe M. Gillenwater]

pankaj singla wrote:


Is there any way to control the printiing of footer in
table to last page only. I am using footer to print
the Sum of each column in the last line. I am using
display:table for the table. But while IE is only
showing the footer on last page, Mozilla shows footer
on each page.

 



Basically, I'd just remove it from the tfoot element you most likely 
have it in and just add it as the last row in your table instead.


Again, our wiki is helpful:
http://css-discuss.incutio.com/?page=PrintingTables

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/

Re: [css-d] Avoid Row splitting on two pages in IE

[Zoe M. Gillenwater]

pankaj singla wrote:


If I am using IE, my last row in  a table gets
split on two pages. But mozilla is showing right i.e.
not splitting the row. How to avoid row splitting in
IE.



I assume you mean when you print the page?  The rule "page-break-inside: 
avoid" is designed to stop this sort of thing, but is not supported by 
IE.  See this page in our wiki for more info:

http://css-discuss.incutio.com/?page=PrintingTables

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] help lining things up

[Julie Angarone]

Hi Everyone:
 
I'm trying to convince people to get rid of tables and go to CSS.
 
Here is the original:
http://web.princeton.edu/sites/ArtandArchaeology/julie/hdrive.html
 
Here is mine:
 
http://web.princeton.edu/sites/ArtandArchaeology/julie/helpdesk.html
 
 
the problem is at the bottom Last Updated and Solution ID - I can get the
colons lined up by setting display to block, but I can't get the text after
them to come in on the same line - apparently you can't use both display as
block and display inline - I've tried several different combinations - I can
get the text on the same line if I don't worry about lining up the
colonsbut I want the colons lined up.
 
Thanks
 
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-d] navbar float broken in IE

[BJ Neilsen]

I used the three column layout from
positioniseverything.netfor my site
build, and have everything working just fine except the top ul
on the right (which isn't a part of the orignial design) is pushing content
down in IE. works fine in FF 1.7 and Opera 7. Don't know where to go with
this one.

Site: http://www.crimpermag.com/testing/indextest1.php
CSS: http://www.crimpermag.com/testing/main.css

Any help would be grand. Thanks

BJ
__
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] Print Style not winning

[Adrienne Latimer]

I have a #printheader that I have told to not display in the browser 
{display: none;}


In the print.css, I tell it to {position: static} which has always worked in 
the past for me, except this time for some reason. If I remove the display: 
none, it appears in print preview as planned, so my print.css is not 
overriding as it should.


http://www.florida-agriculture.com/fifnc/css/print.css
http://www.florida-agriculture.com/fifnc/css/main.css

Any guidance is appriciated.


__
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] Css rows and columns

[Steve Clay]

Wednesday, October 12, 2005, 6:16:09 PM, Scott Haneda wrote:
> I really don't want to jam this one in a table, but I need 5 divs across,
> butted right up against each other, after the 5th one, I need a new row.
> The width of each of the 5 items is fixed, the height is not.

There's a relatively simple solution that will work in most browsers, big
exception being IE/mac:

.wrapper {display:table-row;}
.foo {display:table-cell;}

then for IE/win:

* html .wrapper {
display:block;
clear:left;
}
* html .foo {
float:left;
width:40px;
display:inline; /* float bug squashing */
}

You can rely on IE/win's hasLayout to make sure each .foo is rectangular.

Note that, in CSS2 browsers, to use this type of float layout you'd also
need to provide incrementally large (0, 40px, 80px, et.al.) left margins on
each .foo to keep them from wrapping around each other.  Lucky for us, CSS2
browsers can just use the table display properties.

Now, if IE/mac is a must, you'll have to use the float method described
below, and each successive .foo will need a left margin 40px more than the
last.

Steve
-- 
http://mrclay.org/ : http://thefrenchhorns.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] Print Style not winning

[Adrienne Latimer]

Yes, and to no evail.




Hi,

Have you tried  { display: block; } on the print stylesheet?  That's what I 
use and it works for me.


Ali :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[2]: [css-d] IE6 and hover - csshover.htc problems

[Steve Clay]

Wednesday, October 12, 2005, 10:06:21 PM, Diane Tomlins wrote:
> The test page is here: http://home.comcast.net/~drt603/dallas/index4.htm

I haven't looked into your CSS, but have you tried the CSS popup IE fix?
http://www.quirksmode.org/css/ie6_purecsspopups.html

Steve
-- 
http://mrclay.org/ : http://thefrenchhorns.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] Print Style not winning

[Adrienne Latimer]

That did it - Thanks! --  but I don't know why the !important declaration is 
required in this case.




Adrienne Latimer wrote:
> I have a #printheader that I have told to not display in the browser
> {display: none;}

What about {display:block !important}

Thierry | www.TJKDesign.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] Print Style not winning

[Thierry Koblentz]

Adrienne Latimer wrote:
> I have a #printheader that I have told to not display in the browser
> {display: none;}

What about {display:block !important}

Thierry | www.TJKDesign.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] Print Style not winning

[Kristina Floyd]

Adrienne Latimer wrote:
I have a #printheader that I have told to not display in the browser 
{display: none;}



http://www.florida-agriculture.com/fifnc/css/print.css
http://www.florida-agriculture.com/fifnc/css/main.css


print.css should always be the last style sheet in the list.  Otherwise 
anything after it that calls #printheader will override print.css. 
(hence cascading!)


From viewing the source on 
I see that your header is made up as follows:


  Marketing Florida Agriculture
  
  media="print" />
  @import 
url(/css/main.css);	
  href="/css/main2.css" title="main2" />
  title="main" />

  

  @import 
url(/css/forms.css);

  






move the media="print" /> to be the very last style referenced.


;o)

hth

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