Re: [css-d] drop down menu
Virtuallee schrieb: The menu drop down seems to be disappearing behing the large image below. No. The large image below is patched above the menu. http://www.virtuallee.co.uk/client_area/Neptune/index_test_nav.htm #navwrapper { ... z-index:1} does it technically, but green text on blue background keeps it invisible. .chao {...} __ 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: Positioning/Hiding Legends
i hate bumping, but i thought i'd try my luck once more jack On 5/30/05, jack fredricks [EMAIL PROTECTED] wrote: Does anyone know of a decent way to 'hide' a legend from visual browsers? For design reasons, I am duplicating the fieldset's legend using a header (sorry, I can't avoid this at this stage). I want to keep a real legend for accessibility, but don't want to have both my fake legend and real legend showing. dummy code; h3Fake Legend, sadly I must keep this/h3 fieldset legendReal legend, please hide me for visual browser/legend input id=status_all type=radio name=Rstatus value=all checked label for=status_alllabel for radio/labelbr /fieldset dummy css; legend { position: absolute; left: -999em; border:1px blue solid; } display:none works, but kills the accessibility I am trying to keep. FF is not letting me position the legend. thanks jack __ 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] Positioning/Hiding Legends
h3Fake Legend, sadly I must keep this/h3 fieldset legendReal legend, please hide me for visual browser/legend input id=status_all type=radio name=Rstatus value=all checked label for=status_alllabel for radio/labelbr /fieldset Why do you need to keep the heading? Surely a fieldset with a gap (should you be successful in hiding the legend) is as visually (non)pleasing as an unstyled fieldset? I always thought the idea of a fieldset is also to group elements visually, not only for screen readers. -- 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] Sitecheck please: Firefox bug?
Hello list, On http://www.vakdagdirectmail.nl/ the footer isn't showing in Firefox. Please have a look at the css: http://www.vakdagdirectmail.nl/dmail.css When I remove the bottom:0px from the #footer_ definition, it shows up (but not completely at the bottom - and in IE6 it's also not aligned at the bottom anymore, so don't want to remove bottom:0px ). Anyone know if this is a known bug? Thanks for your help. Albert van der Veen __ 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] SOLVED : Problem under MAC IE 5.0 and 5.5 (list navbar doesn't display correctly under MAC IE 5.0)
Hello Philippe, Thank you very much for your quick answer. Your suggestion (below)corrected the first problem when added to my CSS http://www.polarfoundation.org http://www.polarfoundation.org/css/main.css /*The following is read by IE5 MAC only http://www.stopdesign.com/log/2004/07/06/filtering-css.html and is used so that IE 5.0 mac draws the main navbar (almost) correctly credits to Philippe Wittenbergh for this solution:*/ /*\*//*/ div#mainnav li { display:inline-block !important; float:none !important; } div#mainnav a { display:inline-block !important; float:none !important; white-space:nowrap; width:1px; } /**/ To solve the jumpy box below (my second problem), you suggestion was to add a border on both states of a tags (normal + hover: see below) I've decided to leave that as it is because I am not willing to change the design so drastically for such an old browser. What is important to my is that everyone can use the website (which IE5.0 users on MAC can do now, thanks to the first part of the solution). I can live with the fact that users using IE 5.2 on MAC will see things jump a bit on the homepage untill they have hovered every link. Again, thanks very much. If you have a page up explaining the trick in detail, I'd be happy to point to it in the CSS file. That one is caused by the repainting of the page when hovering over the (some) links in the #mainnav. Instead of this div#mainnav a { float:left; font-family:Arial,Verdana,sans-serif; padding:5px 8px; text-decoration:none; color:#000; } div#mainnav a:hover,div#mainnav a:focus,div#mainnav a:active,div#mainnav a.current { border-bottom:3px solid #bd000b; padding-bottom:2px; } use this div#mainnav a { float:left; font-family:Arial,Verdana,sans-serif; padding:5px 8px 2px; == NEW !important */ text-decoration:none; color:#000; border-bottom:3px solid lime; /* == NEW !important */ } div#mainnav a:hover,div#mainnav a:focus,div#mainnav a:active,div#mainnav a.current { border-bottom:3px solid #bd000b; padding-bottom:2px; /* delete */ } -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 267.3.3 - Release Date: 31/05/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] Request: nice examples of liquid designs
Hello list, A friend of mine has been asked to design a site for a graphic designer. She wants to create a design that uses the maximum amount of space available (the whole browserwindow). So not a fixed width but some sort of liquid design. Any of you know of some nice examples - especially portfolio sites from graphic designers? Thanks. Albert van der Veen __ 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] Sitecheck please: Firefox bug?
On 6/1/05, Albert van der Veen [EMAIL PROTECTED] wrote: On http://www.vakdagdirectmail.nl/ the footer isn't showing in Firefox. ... I'd suggest to add different color borders for your html, body, footer and achtergrond_ -- you will see the effect of height in percents. Then you may try to remove overflow: hidden from your #achtergrond_ style rules -- that will reveal where footer is hiding. No you should have enough information for troubleshooting... Regards, -- http://rimantas.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] Site check [divafoundationbg.org] on Mac /not urgent
Hi, Luca! Thank you very much for the Mac feedback! As I can see from the screenshots, there are some problems on AT LEAST every one of the browsers you have tested the website in:) But most strange thing for me is that www.divafoundationbg.org does not show ANY IMAGES AT ALL on FF/Mac! I have tested on FF/Win, v.1.0.4, all appears to be correct? Images are exported using Macromedia Fireworks MX 2004, as standard JPG files. Could it be that FF on Mac CANNOT READ the images itself because of some strange incompatibility of the image format (I mean, this must not be a CSS issue - on the creenshot can be seen even that the margins/paddings are CORRECT, only the images don't show?) Please, someone confirm on FF/Mac if you see any images on the website, or none? In this case, if it is confirmed, should I try to re-export the images, and how, so they can appear on the site? And last idea, just CHECK if (for example), the header can be OPENED as a simple image in your FF/mac browser: http://divafoundationbg.org/i/header.jpg Thank you! Michel __ 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] OT When is the next version of CSS?
jordan WOLLMAN wrote: I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features, but can't find any information on it to save my life. Anyone got any idea when/who/where/anything else relevant? Short answer: nothing soon. Recent W3C CSS work has been on CSS 2.1, which will be published in the next few weeks. This is an update to 2.0 which serves to tighten up the spec, removing many ambiguities. It clarifies rather than introduces new function. It is a version where the technical gurus behind each of the major browsers have been deeply involved in getting the spec right. After it's published, I imagine a period of several months as newer versions of browsers come into conformance with the spec. Only after 2.1 publishes will work resume on CSS 3. Version 3 is modular and none of the modules are yet well defined for publishing let alone implementation. My personal estimate is 18-24 months before seeing any notable CSS 3 implementations. -- Bob Easton - W3C CSS Working Group member Accessibility Matters: http://access-matters.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] OT When is the next version of CSS?
IE7 will support a bunch of CSS3 stuff, more than Firefox currently supports (although at the moment as far as I can see CSS3 is not yet finalised so stuff is due to change). How good IE's implementation will be remains to be seen. Nonetheless hopefully it will light the fire under Mozilla and Opera, I would love to be able to use nth-child selectors. Oh and min-height, min-width! http://dean.edwards.name/IE7/compatibility/ jordan WOLLMAN wrote: I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features, but can't find any information on it to save my life. Anyone got any idea when/who/where/anything else relevant? Sincerely, JordanWOLLMAN __ 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] OT When is the next version of CSS?
Rudolf Vavruch wrote: IE7 will support a bunch of CSS3 stuff Do you have a source on that? The last thing I remember reading about it was on Chris Wilson's (the lead program manager for the web platform in IE) stating in his blog: By contrast, vague demands for open-ended standards support, or requests for various standards that arent (yet, at least) standards (there is no CSS3 standard yet, nor is XUL a standard), dont really help us drive our development very much. [1] Which I take to mean they won't be implementing any/much CSS3 stuff and certainly not more than Firefox currently supports. I may be wrong though - that entry was from March and I haven't been following things very closely recently. [1] http://blogs.msdn.com/ie/archive/2005/03/09/391362.aspx __ 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] OT When is the next version of CSS?
On 6/1/05, Rudolf Vavruch [EMAIL PROTECTED] wrote: IE7 will support a bunch of CSS3 stuff, more than Firefox currently supports (although at the moment as far as I can see CSS3 is not yet finalised so stuff is due to change). ... http://dean.edwards.name/IE7/compatibility/ Dean's script should not be confused with IE7 by Microsoft. There hardly will be any CSS enchancements in it. So far I am aware only on png alpha transparency support and tabs. Regards, Rimantas -- http://rimantas.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] Whitespace and generated content
I'm not sure if this would interest anyone here, but anyway here it is: http://cheeaun.phoenity.com/weblog/2005/06/whitespace-and-generated-content.html I've made a test case page too: http://phoenity.com/tests/whitespace-generated-content.html Enjoy. -- Lim Chee Aun http://cheeaun.phoenity.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] OT When is the next version of CSS?
Thanks everyone for your replies and thoughts on the next version of CSS. I was hoping for a Hey look, CSS3 is out, let's all start supporting it kind of answer... But hey, when have browsers ever lived up to my personal wants? Still looking forward to Alpha transparency in IE7. That'd make my life much easier. Sincerely, Jordan WOLLMAN // Ariamedia Corporation Creative Director __ 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] OT When is the next version of CSS?
On Jun 1, 2005, at 6:36 AM, Rudolf Vavruch wrote: Damn. False alarm, sorry. After looking deeper I figured out Dean Edwards isn't actually working on the real IE7, but his own extension. I was so excited I suppose I didn't check. Is my face red and now the my dreams of coding CSS without hacks is shattered. Double damn. That's actually what Dean Edwards' IE7 is suppose to do, eliminate the need for IE specific hacks. You've read the compatibility page so you have an idea but you should take a read of the overview page. It'll tell you really what it's for. Mike Stickel Screenflicker Developments www.screenflicker.com p: 403-923-7667 e: [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] CPU usage overload when scrolling up/down my blog (XHTML1/CSS based)
Michael: I'm using FF 1.0.4, on an Athlon 2.4 - I'm seeing less than 10% CPU usage - I've got Thunderbird, Firefox and Trillian open. Perhaps it's something else, not your code? Also a newbie here, so glad that I have all the skills neccesary ( Open Task Manager Open Web Page Watch Screen) to be of service. Cheers, Rahul. Michael Hulet wrote: Hi everybody, My first post on this list (hello Myself), for a problem with my professional blog. I'm making big use of XHTML1 Strict with CSS style sheets and I think it is related to my problem. The problem is: CPU usage overload while scrolling up/down the website (more with Firefox). Wanna try? Use Firefox and go to http://www.mindtheshark.com/blog/index.php/2005/05/31/2-a-mort-internet-explorer. Try scrolling down the blog (it's in French)... Now, try scrolling up and down like crazy... Using Firefox, my CPU usage is reaching 99%... I have a P4 3200 Mhz! Then, using something like Web developer Firefox plug-in, disable all CSS styles and see the difference: no CPU usage, no overload. I also tried only disabling background images (all PNGs): it doesn't help. So my first question is: Is it true or am I just dreaming? And my second is: What's wrong with my code? I really don't know why this happens and it seems to be quite the same problem on other websites I'm currently developing. Thanks in advance for help, Michael __ 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/ -- . Rahul Gonsalves [EMAIL PROTECTED] + 91.98866 19365 . __ 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] Section 508 Levels of Conformance
On 6/1/05, Alexander Khost [EMAIL PROTECTED] wrote: I am developing a few sites with table-less CSS layouts. While I'm at it, I have decided to develop the sites for Section 508 compliancy. Does anyone know of a validator that tests for conformance and tells you what level it meets? AFAIK, Secion 508 doesn't have levels of conformance. Either you conform, or you don't. (And you shouldn't depend on automated testing tools, AI isn't presently good enough to check for everything in 508 and WCAG). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.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] SOLVED : Problem under MAC IE 5.0 and 5.5 (list navbardoesn't display correctly under MAC IE 5.0)
Hello Philippe, I tried this transparent border trick after your first post but finaly decided it was not worth it ... hence my SOLVED post to the list. However, since you took some of __your__ precious time to very kindly point me to this solution (and I had to include the reference of your site anyway), I took the time to implement the whole stuff ... IE 5 MAC fans can now rejoice (except that the border on hover features a 2 pixels gap on the left ;o), but hey, I can live with that) Thanks ever so much for your help again. Cheers, Jérôme Coupé International Polar Foundation Multimedia Communication -- Phone : +32 (0)2 533 97 33 -- http://www.polarfoundation.org http://www.sciencepoles.org -- Technical knowledge is not enough. One must transcend techniques so that the art becomes an artless art, growing out of the unconscious. - Daisetsu Suzuki, J. Hyams (1979, 99). -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 267.3.3 - Release Date: 31/05/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] IE6 win resize and hovered navi
Two Problems on this Page: http://www.learn-line.nrw.de/angebote/schulsport/index.html 1. in IE6 win the bottom graphic of the Boxes without a scrollbar disapears when resizing or scrolling the window. After reload, resize or scroll again it reappears. 2. in Firefox the text in the hovered navi is broken at the border of the scrolling div. -- Carsten Peters http://carsten-peters.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/
Re: [css-d][ADMIN - OT] Section 508 Levels of Conformance
On 6/1/05, Alexander Khost [EMAIL PROTECTED] wrote: I am developing a few sites with table-less CSS layouts. While I'm at it, I have decided to develop the sites for Section 508 compliancy. Does anyone know of a validator that tests for conformance and tells you what level it meets? This question is Off Topic for the CSS list. You should try Google searches for accessibility checking tools. Bobby and Cynthia Says are the typical tools. Neither gives definitive answers because there are no definitive answers for many accessibility affordances. I have a few accessibliity resources noted at: http://www.access-matters.com/resources/ -- Bob Easton __ 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] Whitespace and generated content
Lim Chee Aun schrieb: http://cheeaun.phoenity.com/weblog/2005/06/whitespace-and-generated-content.html Very interesting. Thank you for linking content up with white-space. I knew I made something wrong with the escapes in content. Ingo __ 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] Section 508 Levels of Conformance
I have used: http://webxact.watchfire.com/ - Mark -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alexander Khost Sent: Wednesday, June 01, 2005 9:44 AM To: css-d@lists.css-discuss.org Subject: [css-d] Section 508 Levels of Conformance I am developing a few sites with table-less CSS layouts. While I'm at it, I have decided to develop the sites for Section 508 compliancy. Does anyone know of a validator that tests for conformance and tells you what level it meets? I have read and understand the W3C guidelines (http://www.w3.org/TR/WAI-WEBCONTENT/) and have used tools such as the Cynthia Says portal (http://www.contentquality.com/Default.asp), but have yet to see one that actually defines what level of conformance your site meets. Thank you in advance, Alex -- Alexander Khost http://www.deliciousdemon.com 201-709-1470 [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/ __ 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][ADMIN - OT] Section 508 Levels of Conformance
Thank you; my apologies for the Off Topic post... On 6/1/05, Bob Easton [EMAIL PROTECTED] wrote: On 6/1/05, Alexander Khost [EMAIL PROTECTED] wrote: I am developing a few sites with table-less CSS layouts. While I'm at it, I have decided to develop the sites for Section 508 compliancy. Does anyone know of a validator that tests for conformance and tells you what level it meets? This question is Off Topic for the CSS list. You should try Google searches for accessibility checking tools. Bobby and Cynthia Says are the typical tools. Neither gives definitive answers because there are no definitive answers for many accessibility affordances. I have a few accessibliity resources noted at: http://www.access-matters.com/resources/ -- Bob Easton -- Alexander Khost http://www.deliciousdemon.com 201-709-1470 [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/
[css-d] SELECT is not bound by div in FireFox and Opera
Hi all, Having problem with this page http://207.195.54.74/testwiz/mm/selectprob.html when viewing with Opera 8 or FireFox 1.3. The problem is the SELECT list drops below the containing DIV's border. IE works ok. Any suggestions how to make this work with all browsers? 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] OT When is the next version of CSS?
Cool. Do you, or anyone here use it? This doesn't sound so hot: http://blogs.msdn.com/ie/archive/2004/11/23/268662.aspx#269183 Mike Stickel wrote: On Jun 1, 2005, at 6:36 AM, Rudolf Vavruch wrote: Damn. False alarm, sorry. After looking deeper I figured out Dean Edwards isn't actually working on the real IE7, but his own extension. I was so excited I suppose I didn't check. Is my face red and now the my dreams of coding CSS without hacks is shattered. Double damn. That's actually what Dean Edwards' IE7 is suppose to do, eliminate the need for IE specific hacks. You've read the compatibility page so you have an idea but you should take a read of the overview page. It'll tell you really what it's for. Mike Stickel Screenflicker Developments www.screenflicker.com p: 403-923-7667 e: [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/ __ 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: CPU usage overload when scrolling up/down my blog
At 05:57 PM 6/1/2005 +0300, you wrote: QUOTE Wanna try? Use Firefox and go to http://www.mindtheshark.com/blog/index.php/2005/05/31/2-a-mort-internet-explorer. Try scrolling down the blog (it's in French)... Now, try scrolling up and down like crazy... Using Firefox, my CPU usage is reaching 99%... I With or without smooth scrolling in Firefox 1.0.4. I get about 55% CPU usage when I scroll up and down like crazy. Same with Netscape 8.0. With Opera 7.54 I get about 30% CPU usage, same with I.E 6.0. I get about 15% CPU usage with I.E. 5.0.1. I get about 16% CPU usage with Opera 6.04. I get about 14% CPU usage with Netscape 4.79 (though it usually hits around 10%, rarely hits 14%). This is on a P4 2.6 GHZ PC (XP SP2) with 1 GB Ram running, in the background, Microsoft's Spyware Beta, Wordweb 3.02, ZoneAlarm Personal 5.5, McAfee VirusScan Enterprise 8.0, MSN Messenger 7, Eudora 5.1, Panorama 32 v 1.31 (auto wallpaper changer) and Opera 7.54. A side note, in Firefox 1 on Win98 I notice the globes spin (each link has a spinning globe before it), in Firefox 1 on WinXP the globes are not spinning and in Opera 7.54 on WinXP I did not notice any globes at all, neither do they show up in I.E. 6.0. HTH, TTFN, David Director of Integrated Technology CATALyST Louisiana Tech University Carson Taylor Hall, Rm. 130 Adams Street (PO Box 3179) Ruston, LA 71272 Tel: (318) 257-4772 Fax: (318) 257-3852 catalyst.latech.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] Photo caption idea for CSS
Hi all, I have a page posted here... http://www.seafoodlab.cmast.ncsu.edu/aboutus.html ...in which I am playing with the idea of making a div with class photobox for photos (the black and white one on the left) which will contain a photo caption. The css is as follows: .photobox { float: left; margin: 10px; font-family: Arial, Helvetica, sans-serif; color: #35519F; font-size: 11px; border: 1px none #35519F; padding: 5px; width: 200px; } .photobox img { display: block; } This works great so far for this one picture, but the problem is that I have to define the width of the div based on the photosize. So, the photos will either have to all be the same width, or I'll have to creative various photoboxes for various photo sizes. Is there anyway to have the div stretch automatically to accommodate photo size (with the caption underneath, since the img is defined as a block level element) that doesn't involve javascript or the like? I really like doing the captions this way rather than as part of the image, for obvious reasons. Any help appreciate, linda -- Linda Dunn Purplegenie Design {web+graphics} [EMAIL PROTECTED] 252.422.9393 __ 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] CPU usage overload when scrolling up/down my blog (XHTML1/CSS based)
Michael Hulet schrieb: http://www.mindtheshark.com/blog/index.php/2005/05/31/2-a-mort-internet-explorer. ... Is it true or am I just dreaming? see bugzilla https://bugzilla.mozilla.org/show_bug.cgi?id=64401 https://bugzilla.mozilla.org/show_bug.cgi?id=124150 and there are other related bugs (scrolling affected by png size, -transparency, hardware, FF build). The question is if the scroll performance is affected by your page (jerky or slow scrolling) Moz1.6: Yes Deer Park alpha1: No Opera8: No All show up to 99%CPU peek usage here at my end with scrolling (why shouldn't they), but the average 40% in Moz1.6 /without/ scrolling, only for turning the globes, is bad. And my second is: What's wrong with my code? nothing. Ingo __ 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] Questions - Beginner
Dear All: Another day, another browser hack. This is a site that I am in charge of maintaining : http://cfl.in/ http://cfledu.org/ - (same) It's a table based site, which I want to move to using CSS, as noted earlier. Uwe Kaiser has been helping me out a _lot_ - BIG thanks there, and I've come up with a version that doesn't use any tables, and seems to work in FF 1.0.4, and in IE 6, and in Opera 8.0. http://rathehun.beplaced.com/ - this is where the site is. However, I still have a bunch of problems. - Sidebar doesn't stretch down till the bottom. (see original for reference). - How does one space out the Excursions, Landscaping, Mela, Interaction without using br /? - I need to align a logo in the top-left corner, both horizontal and vertical. - There is a margin of about ~30px around the top and bottom. What am I doing wrong? General - Please look at my HTML/CSS and tell me whether I could be doing something better - my code validates, but I mean neater, smaller bits? - General tips on layout, usability welcome! I'm beginning here, and can use all the help I can get! - I don't have access to a Mac, so can somebody check on the popular Mac browsers? Safari / IE? Once again, thanks Uwe for the CSS and Margaret for the usability tips. Good night for now, Rahul. -- . Rahul Gonsalves [EMAIL PROTECTED] + 91.98866 19365 . __ 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] Photo caption idea for CSS
David Laakso wrote: Or, could you give a unique id to each page on the body element, and change only the width of the selector, for the corresponding page/image? Hi David, I'm not sure what you mean here -- would it be possible for you to give me an example? And do you mean a styleblock in the header of each page? Thanks in advance, linda -- Linda Dunn Purplegenie Design {web+graphics} [EMAIL PROTECTED] 252.422.9393 __ 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] List navigation width problems ...
Grady Kelly schrieb: I took a few list navigation systems from Listamatic ... in IE they get all jacked up. I found that the reason to be setting the width to 750px. When I took out the width, (see the commented code), it works fine in both browsers, except for an extra 10px in width. I have rattled my brain trying to figure out why it is doing this, so I thought I would get some second opinions. 750px is where I would like it to be without jacking up ... Width set to 750px http://www.intermixcreative.com/tabbednav_750.html where to begin. 1) #navlist {... border-width: 1px; ... padding-bottom: 19px; padding-left: 10px; ... } Subtract the horizontal padding and the border width: 750-10-2 = insert width:738px; [1] 2) #navlist ul, #navlist li { margin: 0pt; padding: 0pt; display: inline; list-style-type: none; } #navlist a:link, #navlist a:visited { ... float: left; ...} In browsers following the standards, the floated links are not enclosed in navlist, they would stick out of this list, but there is that padding-bottom: 19px; in #navlist. Delete this. They fall out of the container [2]. But not in IE. Now we have a dimension applied (738px), so IE lets the #navlist gain layout. Any layout element [3] will contain floats automatically, no way to stop IE from this. But the other browsers do not contain the floats, and you cannot apply the padding back cause it breaks your design in IE. So we have to contain the floats in the normal browsers too. I suggest using float:left in #navlist [2] for simplicity here. #navlist {... border-width: 1px; ... /*padding-bottom: 19px;*/ padding-left: 10px; ... /*add*/ width:738px; float:left;} 3) Now the floats are contained, but there is this visual gap from the borders preventing the tabs look like tabs, we have to pull the floats down: /*add*/ #navlist a {position:relative; margin-bottom:-1px;} 4) Now to the lower nav. It's now hooked from the floating #navlist, so you have to clear the float. For the same reasons like above, you have to modify the width and remove the padding-bottom, and add float. #navlistlower { /*change*/ padding: 0 0 0 10px; ... /*add*/ width: 738px; clear:left; float:left;} 5) The floating links in the lower nav get a 4px border-bottom and 2px padding-bottom on :hover. Because they are contained in IE (width, float) and now in the other browsers too (float), this will expand the container on hover. Not good. You have to apply padding-bottom and a white/or bg-colored border for the stateless links too. /*insert before the other rules */ #navlistlower a {border-bottom: 4px solid white; padding-bottom: 2px;} 6) clear the following element h1 {clear:left;} Ingo [1] http://css-discuss.incutio.com/?page=BoxModel [2] http://www.complexspiral.com/publications/containing-floats/ [3] position:absolute; float; display: inline-block; width; height; zoom; writing-mode: tb-rl; body, img, input, table, td, control, iframe, marquee, hr. __ 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] 2 small problems
First problem is that the #content div drops approx 50px compared to the #sidebar. I really can't see what's causing this. It's an IE problem only! Hi, in 'main.css' change the margin value of generic element h3 (line 160) from margin: 40px 0 0; to margin:0; Next problem is that I use a bg image in my #wrapper (the vertical line splitting the #content from #sidebar). Why is it that if I have shorter content than the length of the #sidebar the line don't stretch... You should clear the float of the #sidebar div, try to add this rule #content:after { content: .; display: block; height: 0; clear: both; visibility: hidden; } http://www.positioniseverything.net/easyclearing.html Gianni Cuccu - http://www.getidea.it __ 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] a little confused on these hacks on which browser they pertain to
A couple of CSS hacks I see used quite frequently are setting a : width:45em and also a w\idth: Is the normal way to do width for IE and the other one for Gecko? I'm a little confused on that. Also, what does htmlbody #wrapper (or anything similar) do? and what browser(s) does that target? TIA -- ::Bruce:: __ 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] interesting margins and footer
here's the address: http://www.s108254362.onlinehome.us/index2.html the css is embedded in the page. here are the 2 problems: 1. in ff 1.0.4 and opera 8 there is a margin at the top of the page. the margin and padding in the body is 0. there is a 0 margin and a small (.25em) padding on the header. in ie6 the header abuts the top of the page. why the discrepancy? 2. in ff and o8 the footer height is wider than the text. in ie6 the footer height is the size of the text. why the discrepancy? puzzled, dwain -- Dwain Alford http://www.alforddesigngroup.com web hosting: http://www.1and1.com/?k_id=7653741 http://www.spreadfirefox.com/?q=affiliatesamp;id=0amp;t=1/ The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art --- avast! Antivirus: Outbound message clean. Virus Database (VPS): 0522-6, 06/01/2005 Tested on: 6/1/2005 4:53:57 PM avast! - copyright (c) 1988-2005 ALWIL Software. http://www.avast.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] -Kick*ss-Browser checks (especially Mac) please
On Wed, 01 Jun 2005 14:56:18 -0400, BJ [EMAIL PROTECTED] wrote: http://www.kickasswebdesign.com/wordpress/ css is at: http://kickasswebdesign.com/wordpress/wp-content/themes/kickass-spookyblue/style.css Mac screen captures: http://www.browsercam.com/public.aspx?proj_id=167101 Screen shots in XP_SP2 IE6.0 with my *user* style sheet: text-size medium http://www.dlaakso.com/medium.jpg text-size largest http://www.dlaakso.com/largest.jpg Regards, 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] -Kick*ss-Browser checks (especially Mac) please
David Laakso wrote: On Wed, 01 Jun 2005 14:56:18 -0400, BJ [EMAIL PROTECTED] wrote: http://www.kickasswebdesign.com/wordpress/ css is at: http://kickasswebdesign.com/wordpress/wp-content/themes/kickass-spookyblue/style.css Mac screen captures: http://www.browsercam.com/public.aspx?proj_id=167101 Screen shots in XP_SP2 IE6.0 with my *user* style sheet: text-size medium http://www.dlaakso.com/medium.jpg text-size largest http://www.dlaakso.com/largest.jpg With Mozilla and my user stylesheet: http://members.ij.net/mrmazda/tmp/Images/wordpress.jpg Right col definitely too narrow. -- Love does not demand its own way.1 Corinthians 13:5 Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ 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] Kicking and screaming
.I also can't seem to understand how to get the divs to stretch as long as the longest content. http://www.alistapart.com/articles/fauxcolumns/ To have the image stretch with the content you should use a vertically repeating background image in your container. Check this article for more info. __ 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] Kicking and screaming
I do have that ... the leather strap on the left is a div with it repeating vertical same with rightside, different container repeating background vertically. The content div in the very center of it call also has a repeating pattern. _ From: D Ross [mailto:[EMAIL PROTECTED] Sent: June 1, 2005 6:11 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Kicking and screaming .I also can't seem to understand how to get the divs to stretch as long as the longest content. http://www.alistapart.com/articles/fauxcolumns/ To have the image stretch with the content you should use a vertically repeating background image in your container. Check this article for more info. __ 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] Kicking and screaming
From: Heather Haggerty [EMAIL PROTECTED] ... http://www.metallicpeach.com/tests/devcw/index2.html .I also can't seem to understand how to get the divs to stretch as long as the longest content. You'll see what I mean if you look at the page in Firefox. Hi Heather, The columns technique described in the article linked below might prove a lot easier to deploy than faux columns: http://www.projectseven.com/tutorials/css/pvii_columns/ It's another option, in any event ;-) 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] interesting margins and footer
The H1 element at the top of the page has a default top margin that's adding to the top margin of the top element. h1 { margin: 0 } That should fix the problem. If you want to move the h1 around, use padding-top on the h-text element. E On 6/1/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: here's the address: http://www.s108254362.onlinehome.us/index2.html the css is embedded in the page. here are the 2 problems: 1. in ff 1.0.4 and opera 8 there is a margin at the top of the page. the margin and padding in the body is 0. there is a 0 margin and a small (.25em) padding on the header. in ie6 the header abuts the top of the page. why the discrepancy? 2. in ff and o8 the footer height is wider than the text. in ie6 the footer height is the size of the text. why the discrepancy? puzzled, dwain -- Dwain Alford http://www.alforddesigngroup.com web hosting: http://www.1and1.com/?k_id=7653741 http://www.spreadfirefox.com/?q=affiliatesamp;id=0amp;t=1/ The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art --- avast! Antivirus: Outbound message clean. Virus Database (VPS): 0522-6, 06/01/2005 Tested on: 6/1/2005 4:53:57 PM avast! - copyright (c) 1988-2005 ALWIL Software. http://www.avast.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://evolt.org -- http://www.evolt.org/help_support_evolt/ -- Eric Ladner __ 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] Kicking and screaming
Yes I seen that page earlier today ... I didn't dload the script as my client would never go for the column animating downward like that. I personally think it's pretty nifty and would use it for other clients/projects. I thought I saw somewhere in my travels some simple technique for expanding the outer container to contain the inner containers length, but I can't seem to find the website or email anywhere. I might have to give up and go back to tables for this project (deadlines slowly approaching) . -Original Message- From: Al Sparber [mailto:[EMAIL PROTECTED] Sent: June 1, 2005 6:21 PM To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Subject: Re: [css-d] Kicking and screaming From: Heather Haggerty [EMAIL PROTECTED] ... http://www.metallicpeach.com/tests/devcw/index2.html .I also can't seem to understand how to get the divs to stretch as long as the longest content. You'll see what I mean if you look at the page in Firefox. Hi Heather, The columns technique described in the article linked below might prove a lot easier to deploy than faux columns: http://www.projectseven.com/tutorials/css/pvii_columns/ It's another option, in any event ;-) 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] Photo caption idea for CSS
Reposting this message to list (I sent it in private, wrongly). You can give float: left; and some padding to div that contains the image, and put the p with the caption inside that div. This way, the caption will always use the same width as the image. Amplexos. -- ~~ ~ diego nunes web engineer ~ ~~ __ 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] Kicking and screaming
Yup, actually used that technique on a different project and it works fine. The trouble here is that the middle content - is variable width. I want it to take up 75% of the browser width to a minimum of 660px. _ From: D Ross [mailto:[EMAIL PROTECTED] Sent: June 1, 2005 6:28 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Kicking and screaming On Jun 1, 2005, at 8:15 PM, Heather Haggerty wrote: I do have that ... the leather strap on the left is a div with it repeating vertical same with rightside, different container repeating background vertically. The content div in the very center of it call also has a repeating pattern. http://www.alistapart.com/articles/fauxcolumns/ http://www.alistapart.com/articles/fauxcolumns/ To have the image stretch with the content you should use a vertically repeating background image in your container. Check this article for more info. No, not like that - Make one background image with both leather straps on each side with white space in the middle and place it in your css container div - then add content to your container div - as you add content the vertically tiling wide bg image with both straps will tile as content is added. Look at that article a little closer. Actually, i dug up some css where I used this technique body { margin: 0; padding: 0; font: 100.01%; Lucida Grande, Trebuchet MS, Arial, sans-serif; color: #000; text-align: center; background: #fff url(images/bg.gif) repeat; } #wrap { position: relative; margin: 0 auto; text-align: left; border: 12px solid #fff; background: #fff url(images/diag_bg.gif) repeat-y 0 0; this is it. width: 730px; top: 15px; Here is the page the code comes from if you want more info: http://vpeventsinc.com/weddings.htm -David __ 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] Kicking and screaming
You can see the tabled version here http://www.logicnorth.com/cwpaint/ Of course I stopped in mid-devl. because I thought it would be no problem to do this site using CSS layout ... yikes wrongo bongo. __ 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] semi OT, using css or JS to hide stuff
I have a set of two forms on a page: billing info and shipping info, there is a checkbox that says make my shipping info match my billing info. If that box gets checked, I want to hide the second form. I was thinking give it a visibility of none, but how do you trigger something like this? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com 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] Kicking and screaming
Well - I lot of people that may be looking at the particular page will be using 800x600 res. If the middle area is set to 760 (or even 700 which is my preference) the background is missed. Even the variable width of 75% obscures the background to make it pointless for users browsing at 800x600. So then if they are browsing at higher res. And width is set to 700 ... It almost looks lost on the page because there is too much white-space on either side. The compromise is the vary the width of only the middle area to a minimum of 660 which is the overlayed header image size. Not the best choice granted, but one I chose to use in this case. -Original Message- From: D Ross [mailto:[EMAIL PROTECTED] Sent: June 1, 2005 6:34 PM To: [EMAIL PROTECTED] Subject: Re: [css-d] Kicking and screaming Why do you want it variable width? In my opinion it's not nice looking. Stick with a width of about 760px and youll be fine and it'll look a lot nicer. And I want it variable width as well - so I don't think I can use the technique described in that particular article. __ __ 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] Kicking and screaming
From: Heather Haggerty [EMAIL PROTECTED] The Page: http://www.metallicpeach.com/tests/devcw/index.html _In Firefox_, for some reason the last menu item is bumped down when a paragraph(s) are added to the content div that follows. If there is NO content in the content div, it works fine ... #navigation ul {padding-left: 2px;} #navigation ul li {width: 12.1%;} I also can't seem to understand how to get the divs to stretch as long as the longest content. You'll see what I mean if you look at the page in Firefox. #wrapper1, #wrapper2, #wrapper3, #contentwrapper {height: auto;} (you can probably just remove the height property declarations from those selectors) If you need a min-height, use that property. hth, ~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/
[css-d] Pure CSS Popups IE Problem...
I'm experimenting with the Pure CSS popups idea from myerweb. Very rough initial test is here: http://www.happybookseller.com/DEV/events.cfm CSS: http://www.happybookseller.com/DEV/hb.css While I've still got a lot of tweaking to do, it works pretty good in Firefox and Netscape and I feel it will look pretty nice once I get the real graphics in there. However, doesn't work at all in I.E., though it works in the myerweb demo well enough. So, anybody got an idea what I've got wrong? -- --- Les Mizzell __ 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] using percentages, paragraph too small within tables
Felix has moved the core of this discussion to the WWW-style mailing list http://lists.w3.org/Archives/Public/www-style/2005Jun/.html The title of the thread is 'Initial Value' Some of the messages in that thread contain very good explanations on how browser handle the computation of values based on percentages. This post by Boris Zbarsky is particularly interesting http://lists.w3.org/Archives/Public/www-style/2005Jun/0019.html Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting margins and footer
From: [EMAIL PROTECTED] http://www.s108254362.onlinehome.us/index2.html 2. in ff and o8 the footer height is wider than the text. in ie6 the footer height is the size of the text. why the discrepancy? Default margin on the paragraph element in the footer, ignored/collapsed by IE. #footer p {margin: 0;} will make the others behave like IE, assuming that's what you want. Otherwise, try specifically setting the margin (or padding, I suppose) values you desire for that paragraph. hth, ~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/
[css-d] Navigation link background images not appearing on page load in Firefox
I am in the midst of a redesign of my blog and I have a most peculiar thing happening in Firefox/Windows with my mouseover navigation. I have an image set as each link's background that gets re-positioned. When any page from the redesign is loaded for the first time in Firefox/Windows, the background images for the navigation do not show up, and only do after you mouse over them. If the images are cached, then they show up fine. This does not happen in any other browser, Windows or Mac, but Firefox/Windows. I am using the same thing on the current version of my blog. If someone would happen to venture why this is occurring, please let me know. This is the only thing I have yet to solve. Redesign: http://testjml.dyndns.org/ Redesign CSS: http://testjml.dyndns.org/css/headcase.css -- Michael Rainey *Email*: [EMAIL PROTECTED] *Blog:* http://headcase.dyndns.org/ /*'If we are going to teach creation science as an alternative to evolution, then we should also teach the stork theory as an alternative to biological reproduction.'* - Judith Hayes/ __ 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 Bug Related To Absolute Relative Positioning?
Okay, I've written some code to do a popup menu. But IE seems to think that all relatively positioned elements should sit on top of all absolutely positioned elements. I dunno if it's based on code order (the menu is after the stuff giving me problems). It's not z-index; I tried that. Does IE have yet another bug related to it's handling of positioning? -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __ 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 with text/image replacement
Hello, I am redesigning my portfolio (from tables to CSS) and have run into a problem getting rid of some text and replacing it with the background image. I have been trying a couple of different techniques to get it to work in Firefox, but nothing seems to have been working. http://home.gwu.edu/~mvelic/dccub2/index.html This is the CSS (sorry about putting it all in, I figured I'd be thorough): /* Style Sheet for DCcub's Portfolio */ body { font-size: 100%; font-family: Eurostile, Optima, Arial, sans-serif; } p { font-size: 1em/1em; } a:link, a:active, a:visited { color: #BB; font-size: 1em/1em; text-decoration: none; } a:hover { color: #BB; font-size: 1em/1em; text-decoration: underline; } li { list-style: none; } #intro { background: #55321A; background-image: url(header.gif); background-repeat: no-repeat; height: 250px; width: 100%; position: fixed; left: 0; z-index: 100; } #intro span { text-indent: -5000; } #intro h1, h2 { left-indent: -5000px; } #welcome { width: 450px; position: absolute; top: 15em; left: 300px; } #navigation { width: 300px; position: fixed; top: 15em; left: 0px; color: #BB; } Thanks a bunch, Matt __ 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] Photo caption idea for CSS
Linda Dunn wrote: Hi all, I have a page posted here... http://www.seafoodlab.cmast.ncsu.edu/aboutus.html ...in which I am playing with the idea of making a div with class photobox for photos (the black and white one on the left) which will contain a photo caption. This works great so far for this one picture, but the problem is that I have to define the width of the div based on the photosize. So, the photos will either have to all be the same width, or I'll have to creative various photoboxes for various photo sizes. Is there anyway to have the div stretch automatically to accommodate photo size (with the caption underneath, since the img is defined as a block level element) that doesn't involve javascript or the like? I really like doing the captions this way rather than as part of the image, for obvious reasons. Any help appreciate, linda 06/01/2005 Hello, Linda: This is a little bit different than what you are doing, but I have a div for each row of photos, a div floated left for each thumb, and an h3 contained in the thumb when I need a caption. I had to size the thumb div, otherwise my margins go wonky. The page is here, http://webpages.charter.net/angusair/fatpawdesignphotos.html The css is here, http://webpages.charter.net/angusair/fatpawdesignphotocss.css The pages validate, but the html has not been optimized for margins/padding, and the css contains bits of extraneous code Best Regards, Peter Hyde-Smith FF 1.0.4, WinXP Home SP2 __ 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 IE5PC trouble
I have a Navbar at the top of this page: http://www.iraqproject.org/action/ that is not displaying correctly on IE5 PC - some styles are being ignored and it's position is off. Display seems to be correct on other browsers - I am using browsercam for PC and checking on my Mac There is another peculiar thing that is happening with this navbar - in Firefox, the position of the navbar is on top of the title graphic until you move the mouse around and then it jumps to the correct position. The same thing seems to be happening on Netscape and Firefox on PC but it's hard to tell because I am looking at screen captures css is here: http://www.iraqproject.org/base.css Thanks for looking -Christy __ 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/