Re: [css-d] Navigation button spacing
Suzanne Bernard wrote: The navigation buttons on my website (http://www.nycss.org) are styled on http://www.nycss.org/stylesmain.css, under the class navbuttons. So they should look the same on every page, right? But in IE6 on http://www.nycss.org/join.html, they're spaced further apart than on the other pages (example: http://www.nycss.org/index.html). Why? Some of your pages are triggering standard mode, while some leave the browsers in quirks mode (the old rendering modes from before any standards existed). Plenty of differences between those rendering modes, and there are a number of quirks modes. Solution: put an identical *and* complete doctype declaration in your pages. That is: trigger standard mode across browser-land. That will even out most variations. I'll recommend HTML 4.01 Strict. Ref: http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html http://www.w3.org/QA/2002/04/valid-dtd-list.html Also, try to write the source-code in accordance with the chosen standard, as results like these... http://validator.w3.org/check?uri=http://www.nycss.org/ http://validator.w3.org/check?uri=http://www.nycss.org/join.html ...makes the whole thing a gamble in error-recovery across browser-land. Also, in Firefox 2.0, they're spaced further apart on all the pages than in IE. How do I get them closer together in Firefox? You're relying on font-size/line-height and fix-sized backgrounds, which is not a reliable solution when it comes to consistent spacing and look. Be that as it may; you'll get better results once the doctype-issue is fixed. And finally, one more Firefox issue: on http://www.nycss.org/links.html, I want the list items in the table (id=linkstable) to line up with the heading rather than being indented. I've managed to make these lists look the way I want in IE, but not in Firefox. Firefox has default paddings on lists while IE use margins, so you should add... #linkstable ul {padding: 0;} ...to get the result you want. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive gap on the footer div
Phil Turner wrote: Help please I cant close up the gap on the footer div I want the dotted lines on the various divs to meet up without the big white gap. You can see it here http://www.yourplanetneedsyou.org/ Delete the height in ruleset #navbox. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style Sheet use in Blackboard Vista4
Sasha Gerrand wrote: On 21/12/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: I'm confused, because Vista is an OS, not a browser. Do you mean it happens in IE7 in Vista? Side note: I'm assuming that Gary referred to an educational product, called Blackboard[1]. Yes, I'm familiar with Blackboard, but that's still not a browser. We need to see a live page and know which browsers the problem occurs in to be of any help. 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The clip property - what's the logic behind it?
Rafael Holt wrote: Hi all, I've been playing with clip recently and it seems to me the spec is a bit counter-intuitive. It is particularly irritating if you are clipping non-fixed width elements because if you don't want it to be clipped on the right, you have to specify its width for that value. Surely it would be more logical for each value to represent how much is clipped from that edge of the rectangle? For example: clip:rect(10px 100px 80px 20px); If the element to be clipped is 100px x 80px, this will cause it to be clipped to an area 70px x 80px, where it is clipped 10px at the top and 20px on the left. This is fine, but why should it be necessary to specify 100px for the right and 80px for the bottom? It seems to me it would be more sensible for these values to be 0 to achieve this effect. It's easier to get your head around. Also, why is it that it applies only to absolutely positioned elements? Why not relatively positioned ones? Cheers, Rafael Hi Raphael, According to the css2.1 specs http://www.w3.org/TR/CSS21/visufx.html#propdef-clip ... a clipped element is *not* removing certain parts of the element by shrinking the margins, but is a porthole to a *defined area* of the element (mostly: image) which has to be shown. It is a bit confusing because it is a completely other way of thinking! :-) * See examples over here http://home.tiscali.nl/developerscorner/imaging/clipping-images-with-css-a.htm I guess it is done this way because of if shrinking of a margin is needed, it can be done by placing the element in a container of a given width and height (determining the visual area) and a given negative margin-top and margin-left to shift the inside image to the right place. - This can be done with relative positioned containers too.For IE I think it will be needed to set the overflow to hidden, because of the IE exaggerating habits. Second way to accomplish the same, is to put the img as background image in a container (giving the needed area), with background positioning to get it in place. Third way could be to make an iframe, and put the (shifted) image in a separate html file. And maybe the easiest way: make a new image just in the right proportions by cutting what is not needed. ;-) The absolute positioning will be a condition to define the starting point (0,0) from which the area is computed. Maybe a surrounding container with relative position can help to place the clipped thing on the right place in the layout. If in a clipped element there is no clip wanted in a certain direction, the specs say a value of auto can be used (not: zero). To make a clipped element in relative units, I discovered that this is not cross browser consistent. IE doesn't recognize a % unit (showing the complete image). If you do it with em's, the position is shifting (and the area is getting bigger or smaller)(try for the effect!) in IE and FF. On the contrary, Opera has it's own zoom mechanism, and does show no shift and no enlarged or smaller area, but just a scaled image inclusive the scaled clipped area. And notice that IE(6) doesn't react on the modern way of writing: rect(50px, 300px, 350px, 100px) only on: rect(50px 300px 350px 100px) while the specs say that both ways are allowed. Greetings, francky PS: If you have a more specific question, we can see what we can do. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rearranging Items in UL
Chris Pallé wrote: What I'm not understanding is why IE 6 doesn't scale the text. I don't see any pt size declarations. I'd thought em would allow scaling. Yes, but em is based on inherited values, so it won't scale (in IE) if 'fixed' values are inherited. You have styles like these... #mainContent { font : normal 10pt Georgia, Times New Roman, Times, serif; ... } body { ... font-size : 12px; } ...which are 'fixed' values from IE's point of view - locking down all following font-sizes. You should also look out for IE's em font-resizing bug when you correct those font-sizes... http://www.gunlaug.no/contents/wd_additions_13.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ? ? Site building with upload for text ? ?
Thanks David, its sorted. I have to quote on a job and Does anyone know if its possible to build css sites where the client can upload their own text? The simpler the better. Kind Regards Phil Turner FREELANCE CREATIVE TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ HELP SAVE THE PLANET http://www.yourplanetneedsyou.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rearranging Items in UL
On Dec 20, 2006, at 2:52 PM, Gunlaug Sørtun wrote: Chris Pallé wrote: http://www.shuttersbeachstyle.weblobby.com/beach.asp I think you're attacking the problem backwards. It is more reliable to absolute-position the image, and let the rest stay in the natural flow. That way it'll self-adjust and take font-resizing quite well. There's generally too much absolute positioning of elements in that page - which means *trouble* with text and resizing, but I have focused on the part you've requested help with. Hi Gunlaug, THanks for the tips. It took my brain a few runs at it to comprehend what you'd done, but I think I understand now. It makes sense too. I'll try to limit my abs. positioning in the future. Note that IE/win isn't allowed to resize text naturally when given those 'points', and the result of IE's 'ignore font sizes' isn't all that pleasing. What I'm not understanding is why IE 6 doesn't scale the text. I don't see any pt size declarations. I'd thought em would allow scaling. regards Georg -- http://www.gunlaug.no chrispallé blueflamecreative* 732.513.3570 [EMAIL PROTECTED] http://blueflamecreative.com http://www.linkedin.com/in/chrispalle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ? ? Site building with upload for text ? ?
On 12/21/06, Phil Turner [EMAIL PROTECTED] wrote: Thanks David, its sorted. I have to quote on a job and Does anyone know if its possible to build css sites where the client can upload their own text? The simpler the better. Kind Regards Phil Turner FREELANCE CREATIVE TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ HELP SAVE THE PLANET http://www.yourplanetneedsyou.org Isn't that possible with a wiki site? Or maybe I am missing what a css site is where the client can upload their own text. Drupal and the other CMS allow the same as far as I understand your question. Stephan -- Stephan Wehner http://stephan.sugarmotor.org http://stephansmap.org http://www.trafficlife.com http://www.buckmaster.ca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ? ? Site building with upload for text ? ?
Phil, You may need to elaborate a bit on that question. This is a bit like those questions from that student researching 'how you describe metadata in css'... A terminology swamp (although after re-reading the introduction over about 5 times I worked out what he was getting at). I don't think CSS has anything to do with what you're after. CSS works in conjunction with HTML, aka the interweb. You're looking for a Content Management System, or possibly one simpler in an in-built editing tool like Kupu [http://kupu.oscom.org/]. Without parsing filters, you may end up with inline styles and other things that may inhibit CSS which can be dealt with in their own way... But generally the ability to 'build css sites' depends almost entirely on whether or not you know css. The fact that content may change has nothing to do with it on a conceptual level. Regards, Barney Phil Turner wrote: Thanks David, its sorted. I have to quote on a job and Does anyone know if its possible to build css sites where the client can upload their own text? The simpler the better. Kind Regards Phil Turner FREELANCE CREATIVE TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ HELP SAVE THE PLANET http://www.yourplanetneedsyou.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Barney Carroll Text Matters Information design: we help explain things using language | design | systems | process improvement ___ phone +44 (0)118 918 2382 email [EMAIL PROTECTED] web http://www.textmatters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ADMIN - OFF TOPIC] Re: ? ? Site building with upload for text ? ?
At 14:29 + 21/12/06, Phil Turner wrote: Thanks David, its sorted. I have to quote on a job and Does anyone know if its possible to build css sites where the client can upload their own text? The simpler the better. I'm afraid that this question isn't really about CSS and so doesn't belong on the list http://css-discuss.incutio.com/?page=OffTopic An overview of how CSS-friendly some of the content management systems out there can be found on the css-d wiki at http://css-discuss.incutio.com/?page=CssFriendlyCms If anyone has anything to add to that, please write to Phil directly and not on list. This thread has now closed. Alex css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Printing problem
I apologize, it appeared that we didn't have the SSL port open to that server yet. Should be good to go now. Russ -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: Wednesday, December 20, 2006 7:59 PM To: Russ Peters Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Printing problem Russ Peters wrote: [...] https://www.redcanoecu.com/applications/data/Peters5935.htm (example) https://www.redcanoecu.com/applications/loan.asp (initial form) https://www.redcanoecu.com/applications/loansubmit.asp [...] Hi Russ, All of the 3 pages are giving a 404 at this moment... Is the server down, or are the problems solved already? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FOUC problem?
I have a problem with a page in IE. I presume it is a fouc-issue. I hoped to resolve that problem by simply inserting an empty stylesheet, but the problem remains. If you scroll down and refresh the page, you will see that the content of the sidebar is displayed for a second or so. How could I prevent that? The url is http://www.nees.uni-bonn.de/2007/test.html Thank you for helping. Martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Horizontal list menu misbehaves in IE 6
Hi folks and friends ! I've been plugging at this bug for days ... hope someone has an idea. In order to reproduce a client site, I've used ul li lists for the top navigation menu. There are special graphical images on the left AND right sides of the list items that must change when the anchor is hovered over. For that reason I added the spans in there, especially as without the spans, I can't get a li:hover background-image to show up. (But that's another problem, which I don't have to deal with at the moment.) Let's just leave the spans in there for a moment. Anyway, it all looks fine in FF 2.0, but things go strange in IE 6. I have added a special color blue so that it's obvious what happens. When you hover over the menu items in IE6, you can see that the background-color of the anchor is leaching over the top of that same anchor's background-image. To the same width as the parent li. I tried to track this down with FF Firebug, but of course that doesn't work in IE :) and I can't figure out why the blue bit extends over. It's not the padding-bottom that's causing the error - I tried changing it and that does affect something else, but not this leaching problem. The site is a subdomain: http://spip.novado.ch/squelettes/pmcbox.html Any and all ideas most appreciated. Cheers, Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3px gap in IE problem
I am having an issue with the 3px gap in IE6/PC. I have read through the article on P.I.E. and still can't figure out how to squash this bug. If someone could take a look at this page in IE6.. http://www.nu-designs.com/new/slv/ My stylesheets are located here.. http://www.nu-designs.com/new/slv/styles.css and a conditional one for IE/PC for self-cleared floats is here.. http://www.nu-designs.com/new/slv/ie6.css Any help is appreciated, as this is driving me nuts. Thanks! Brian Middleton __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] scroll bar appear on web page in fire fox
Does anyone know why I am getting scroll bars appearing in my web page in fire fox version 1.5.0.9? Please help! My boss wants me to fix it now! Here is a link to the page: http://www.learningpt.org/page.php?pageID=243 and its style sheet. http://www.learningpt.org/includes/lpa_style.css http://www.learningpt.org/includes/lpa_style.css http://www.learningpt.org/includes/lpaPrint_style.css Katie Adams Technical Associate 630.649.6590 [EMAIL PROTECTED] Learning Point Associates 1120 E. Diehl Road, Suite 200 Naperville, IL 60563 ph 630.649.6500 or 800.356.2735 http://www.learningpt.org http://www.learningpt.org/ Knowledge. Strategies. Results. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Textarea font consistency
I'm having a hard time sizing text within textarea form elements and getting something consistent in appearance in both IE and Firefox. What's the trick? I've tried using em, px, and pt sizes, tried leaving the default font-family and explicitly designating it. But in every case I get inconsistent sizing in IE and Firefox. Anyone have any pointers, or a link to an article? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scroll bar appear on web page in fire fox
Can't tell for sure but I'd try taking out all those overflow:auto Katie Adams wrote: Does anyone know why I am getting scroll bars appearing in my web page in fire fox version 1.5.0.9? Please help! My boss wants me to fix it now! Here is a link to the page: http://www.learningpt.org/page.php?pageID=243 and its style sheet. http://www.learningpt.org/includes/lpa_style.css http://www.learningpt.org/includes/lpa_style.css http://www.learningpt.org/includes/lpaPrint_style.css Katie Adams Technical Associate 630.649.6590 [EMAIL PROTECTED] Learning Point Associates 1120 E. Diehl Road, Suite 200 Naperville, IL 60563 ph 630.649.6500 or 800.356.2735 http://www.learningpt.org http://www.learningpt.org/ Knowledge. Strategies. Results. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Printing problem
Russ Peters wrote: https://www.redcanoecu.com/applications/data/Peters5935.htm (example) https://www.redcanoecu.com/applications/loan.asp (initial form) The page looks fine when viewed on the screen but if you do a print preview or actually print it only one page prints and the content runs off the bottom of the page. [...] I have a feeling my div's are somehow messing this up. [...] Hi Russ, The html validator http://validator.w3.org/check?verbose=1uri=https%3A%2F%2Fwww.redcanoecu.com%2Fapplications%2Fdata%2FPeters5935.htm ... has that feeling too! ;-) Among others [1], the generated example page is missing one or more ending /div's. Then I see almost every div in the page has got the class=fmresult, which is floating left: so out of the normal flow of the page. Is it one of these? Greetings, francky [1] It seems to be more a html4.1 doctype http://validator.w3.org/check?uri=https%3A%2F%2Fwww.redcanoecu.com%2Fapplications%2Fdata%2FPeters5935.htmcharset=%28detect+automatically%29doctype=HTML+4.01+Transitionalverbose=1. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3px gap in IE problem
Brian Middleton wrote: I am having an issue with the 3px gap in IE6/PC. I have read through the article on P.I.E. and still can't figure out how to squash this bug. If someone could take a look at this page in IE6.. http://www.nu-designs.com/new/slv/ I think the addition of... * html #right .top {float: left; width: 350px;} ...should fix IE6. IE6 also needs the addition of... html {font-size: 100%;} ...to prevent the 'em font-resizing bug'... http://www.gunlaug.no/contents/wd_additions_13.html ...from making a mess out of it. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] font family : Mozilla issue
Hi, I am trying to change the default font to = Lucida Sans Unicode I put this line of code in the root div container : font-family:Lucida Sans Unicode, Arial; this works for IE but not for Mozilla, Thank u for any help ! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scroll bar appear on web page in fire fox
Katie Adams wrote: Does anyone know why I am getting scroll bars appearing in my web page in fire fox version 1.5.0.9? http://www.learningpt.org/page.php?pageID=243 It's those 'overflow: auto;' alright. Gecko tends to be a bit buggy when those are used for containing floats. You'll have better luck with... #frame, #rightColumn {overflow: visible; display: table;} BTW: have you considered creating source-code in accordance with the doctype you're using? Or alternatively: change doctype to match the source-code? What you have there is definitely not XHTML 1.0 Transitional... http://validator.w3.org/check?uri=http://www.learningpt.org/page.php?pageID=243 ...and it would help immensely if the doctype and source-code matched. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Textarea font consistency
James Eaton wrote: I'm having a hard time sizing text within textarea form elements and getting something consistent in appearance in both IE and Firefox. What's the trick? I've tried using em, px, and pt sizes, tried leaving the default font-family and explicitly designating it. But in every case I get inconsistent sizing in IE and Firefox. Anyone have any pointers, or a link to an article? Witout an URL, its hard to say what is the trick in your case. our wiki http://css-discuss.incutio.com/?page=FormElements may help, and http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/ Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Textarea font consistency
On 12/21/06, James Eaton [EMAIL PROTECTED] wrote: I'm having a hard time sizing text within textarea form elements and getting something consistent in appearance in both IE and Firefox. What's the trick? I've tried using em, px, and pt sizes, tried leaving the default font-family and explicitly designating it. But in every case I get inconsistent sizing in IE and Firefox. Anyone have any pointers, or a link to an article? http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html -- Ed Seedhouse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font family : Mozilla issue
On 12/21/06, Thomas Thomas [EMAIL PROTECTED] wrote: I put this line of code in the root div container : font-family:Lucida Sans Unicode, Arial; this works for IE but not for Mozilla, Don't put quotes around Arial. Thank u for any help ! -- Ed Seedhouse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FOUC problem?
Martin Krumme wrote: I have a problem with a page in IE. I presume it is a fouc-issue. I hoped to resolve that problem by simply inserting an empty stylesheet, but the problem remains. If you scroll down and refresh the page, you will see that the content of the sidebar is displayed for a second or so. How could I prevent that? The url is http://www.nees.uni-bonn.de/2007/test.html Martin In both ie/6 an ie/7, I see no flash of *unstyled* content. I tried this several times-- clearing the cache each time. When scrolling down, and then re-loading, the page jumps to the top and simultaneously flashes the *styled* content. AFAIK, this is correct behavior. FOUC is usually associated with the CSS @import rule, which you do not seem to be using. But, I could be wrong-- maybe someone else can see unstyled content on reload? Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font family : Mozilla issue
Thomas, On Dec 21, 2006, at 4:01 PM, Thomas Thomas wrote: I am trying to change the default font to = Lucida Sans Unicode I put this line of code in the root div container : font-family:Lucida Sans Unicode, Arial; this works for IE but not for Mozilla, A url to a page would help us debug this. If you tried to put a style element anywhere but the head element, browsers (except ie) will ignore it because it is not valid to put style or link anywhere but in the head. If I missed the point of the question, put up a test page and point us to it. -- 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Yet another IE6 to IE7 problem
Hello, Recently I revised my CSS code in an attempt to fix a problem (of my own making, no doubt) with how a menu is displayed in IE7 ... in FF and IE6 the fly-out sub-menu items aligned properly with the relevant main menu item ... in IE7 the spacing if off slightly. The relevant code (the original filter for IE6 and the new one for IE7) is as follows (This code is held in a unique stylesheet for IE filters): * html #sidebar ul li { float: left; height: 1%; } * html #sidebar ul li a { height: 1%; } *:first-child+html #sidebar ul li { min-height: 1px; } *:first-child+html #sidebar ul li a { min-height: 1px; } In my master stylesheet, the menu styling is as follows: #sidebar { float: left; width: 150px; margin: 0; padding: 0; font-size: 85%; } #sidebar ul { margin: 0; padding: 0; width: 150px; list-style: none; border-bottom: 1px solid #000; } #sidebar ul li { position: relative; } #sidebar li ul { position: absolute; left: 149px; top: 0; display: none; } #sidebar ul li a { display: block; text-decoration: none; color: #000; background: #ffd; padding: 4px 4px 4px 6px; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: none; border-left: none; } #sidebar li.homePage a { border-top: none; } #sidebar li.overflow a { border-left: 1px solid #000 } The inspiration for this design came from an A List Apart although I can't recall the specifics. The menu may be found at www.langleyunited.org. Any help or advice will be much appreciated. Sincerely, R.A. Paterson __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check - Float Problem... Not Fixed by Overflow:Auto
Please take a look at: http://csufresno.edu/friendsforce/layout.php In Firefox it looks good (except for the bottom right columns). In IE 6 the background on the #content-home div is not showing. I tried overflow:auto on the content-home div which has two floating divs nested inside it, but it has helped. I have had this problem before and know there is a standard fix, but I can't remember what it is or how to find it. Thanks in advance, Aaron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/