[css-d] works in IE6, not in IE7
www.culturelab.be/fr/editions the clear:both propreties work pretty much everywhere except in IE7. Any idea? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] positioning problem in IE6
Hello, http://mazara.4project.be/2/ Please compare the lower-left temple-image on IE and on other browsers. Anyone care to explain what exactly is going on there? It seems IE both falsly interprets the width and the negative margin. Or is it the background-image? I'm lost. And you might also want to admire that wonderful semi-transparant png degradation. (hears a few laughs) Ok, i'll never ever show off again when writing to css gurus. Thanks for the help! Guillaume __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] now what on earth is this again? [IE driving me nuts]
www.demir-ri.be compare in IE and any other browser __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] make link on image causes layout to break
Hello, try validating (http://validator.w3.org/) next time :0) You didn't put any of the doc information, nor the head, body, html tags etc. Dot it and eveything works just fine. http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en"> Title [EMAIL PROTECTED] a écrit : >http://www.constructweb.com/epic/tab/ > >hit the second tab : link layour breaks.. > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox issue
(seriously sorry for the dubble post - i'm new to mailing lists) For a starter, delete all those display:inline in the css. They have no purpose here. Also, for all those images you want to float next to text, I would do it this way : Lapsit Ages 6 months - 2 1/2 years Child attends with adult.Session A: Tuesdays at 11:15 a.m. at SRL Session B: Wednesdays at 11:30 a.m. at DSL ... ... For the css : #imageleft { float: left; display: inline; padding: 20px; } #bodyleft { width: 80%; } #bodyleft p { margin-left: /width of your images + gutter in px/; padding: 8px } this way, you'll have less tags, and less floats (combined floats have strange behaviours in MSIE) hope it helps. > This file is fine with IE but not in Firefox. > > http://www.ccclib.org/programs/srl_dsl.html > http://www.ccclib.org/Style/programs.css > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox issue
__ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] weird safari behavior (advanced css)
Have a look at http://www.4project.be/Guillaume%20Bokiau/ in Safari. When you use the horizontal scroll far enough, some sort of white box seems to overlap the main content. It doesn't in firefox (should be tested in IE7 and other modern browsers but I have none). Also, if you push one of the arrowish buttons on the bottom, and then rappidly scroll back and forth, you will notice there now seem to be two boxes, leaving empty space between them. OK this is hard to explain but try it and you will see. A rapid guess would be that this is due to the clip proprety of maincontent... I can't figure a way to test nore avoid that though. (making the page degrade nicely in IE6 and when javascript is disabled will be the next step - don't worry) Thanks in advance four your advice. Guillaume __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reseting styles with the use of conditional comments
Els > To make it work, you need to counter the styles from the previous stylesheets in lte50.css. You mean every single style has to be the same in lte50.css ? Can't I just then do a global reset from this last style sheet and kill all previous styles ? Something like: *{border:none; float:none; background-color:transparent; clear:none etc, etc...} How would I throw a stylesheet only for Ie 5.0 and make sure he doesn't see the previous @import styles ? Is that a way to go ? Is it possible to reset all styles ? Guillaume. > Guillaume wrote: > >> Hi everyone, >> >> I'm using an @import filter to fire my css... >> Now I would like to reset those styles for Ie 5.0 for example, >> to make sure he only has the text version and no styles at >> all... >> I thought throwing to this browser an empty style sheet through >> conditional comments... >> >> But apparently it doesn't work this way... >> Any clues... >> >> @import >> 'layoutLcie.css'; > title="Structure">@import 'colorsLcie.css'; > type="text/css" title="Structure">@import >> 'fontsLcie.css'; >> >> > > > You mean lte50.css is really just an empty sheet? No, that won't work. > IE5 first picks up the other three stylesheets, and then an empty one > extra, which doesn't tell it anything. To make it work, you need to > counter the styles from the previous stylesheets in lte50.css. > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Reseting styles with the use of conditional comments
Hi everyone, I'm using an @import filter to fire my css... Now I would like to reset those styles for Ie 5.0 for example, to make sure he only has the text version and no styles at all... I thought throwing to this browser an empty style sheet through conditional comments... But apparently it doesn't work this way... Any clues... @import 'layoutLcie.css'; @import 'colorsLcie.css'; @import 'fontsLcie.css'; Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jumping blocks in Ie
Hi everyone, I'm experiencing a content jump in Ie ( all versions ) in a list using a simple a:hover {background-color: #000;} This is a known bug since Ingo Chao has built a detailed description on Pie about: "Quirky Percentages in IE6's Visual Formatting Model". I tryed to remove the floats, wrap my list in other containers... Without any success, I just can't find my way out this problem... Here's the page: http://www.louiscarre.fr/contact In Ie if you mouse over the list on the right, the block just below will jump. Any advice ? Any idea on how to fix this ? Thanks. Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling alt attribute
Hi there, Is it possible to style the alt attribute without declaring a style for the whole body ? Such as: alt { font-style: oblique; } And of course this example doesn't work. Any ideas ? Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] small absolute problem
Pria, >On 1/27/06, Guillaume <[EMAIL PROTECTED]> wrote: > > >>Hi list, >> >>I have two divs: first comes A and then B, both with unknown height. >>B is pushed up, positioned above A in the layout, using position: >>absolute; top: 0. >>Is there a css-way to retrieve a stack order, to place A just under B >>without specifying any margin-top value for A and this way avoiding >>overlap ? >> >> > > > >Hi Gullaume. >Is there any reason from you, >why you put B with absolute position? > > The reason is wich content I want to appear first in the textual structure. In a semantic point of view and for spiders div B is more important than div A, wich is also very important but for the layout only. So semantically speaking we would have to put div B first and div A next, and for layout purposes push this last one up so it would appear first in the layout,. That's why imagined to use an absolute positioned element. >IMHO, if you put absolute position with B, >you can't place A below B. > > I had doubts about it but it's pretty clear now. Thank you for your answer Guillaume. > >-- >http://didats.net/page/291/jakarta-aku-datang/ >__ >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] small absolute problem
Hi list, I have two divs: first comes A and then B, both with unknown height. B is pushed up, positioned above A in the layout, using position: absolute; top: 0. Is there a css-way to retrieve a stack order, to place A just under B without specifying any margin-top value for A and this way avoiding overlap ? Thanks. Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] min-width
Hi list, Does *min-width* behave the same way as min-height in standard friendly browsers and in Ie, meaning: min-width = min-width in standard friendly browsers min-width = width in Ie. Thanks. Guillaume. __ 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] Dreamweaver 8: is it's code truly standards-compliant?
I'm not sure but I think Dw uses ( was ? ) using the Presto layout engine, the same that works inside Opera browsers. If so, you logicaly cannot rely / trust it to render properly pages cross-browser. But I'm not sure... Someone should confirm this... Guillaume. > Matt Poyner wrote: > >> We are getting ready to upgrade to Dreamweaver 8 here and I am wondering >> if anyone has had time to work with it much yet? > > >> Does the program do CSS layout by default, or does it mix tables and >> css together, or can you choose? > > > Hi, > > I've been using version 8 since the demo was available and have had > pretty good luck with it. Your main question is somewhat difficult to > answer because, although Dreamweaver has a "design view", the markup > the editor generates has always (as far as I know) been left up to the > developer--you can work with any tag you need. Whether you wish to > work with tables or with more semantic markup when appropriate, > Dreamweaver can accommodate you. In the end, though, *you* still have > to direct the markup, CSS, and methodology used. I guess the best > answer is: you can choose the markup and the CSS and mix them any way > you like. > > The standards and CSS support in version 8 is allot better than > previous versions and the design view handles CSS layouts pretty well. > I've still managed to wreck it with some off the wall stuff, but most > of the basic layout methods I've tested work great. That being said, I > still don't rely on design view for accuracy. All I care about is that > it is close enough for me to get and idea of how things look and that > it allows me to edit copy quickly. I do all of my formal testing in > browsers and all of my markup in code view. > > Altogether, I love 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/
Re: [css-d] Directory of well designed css sites
Stylegala ( http://www.stylegala.com ) is all dedicated to this. Guillaume. Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ 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 hack for all Opera browsers ?
Hi all, Is there a hack that works in *every* version of Opera browsers ? Guillaume. Play: hablablow.com <http://www.hablablow.com> Talk: only-4u.org <http://www.only-4u.org> Work: webdesignofficina.com <http://www.webdesignofficina.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] Opera family has a ghost...
Hi all, I'm currently designing a page using a vertical centering (*) method to place some text in the middle of a box. All browsers do their job pretty well except all the Opera family ( 7.5 > 8.5 ) wich is pushing the text 1 or 2 pixels down. The problem is particulary visible in boxes with small heights. Is this a known problem ? Guillaume. (* The jakpsatweb.cz " Vertical centering in Css" / Yuhu's Definitive Solution with Unknown Height ) __ 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] Writing maintainable CSS
Hi Simon, here is my very little contribution to your question. When working on large stylesheeets I usually split data over three stylesheets: structure.css, fonts.css, colors.css... Working first on a single stylesheet, I split then data over this stylesheets when debugging process starts...It has the advantage of being clear enough, the structure gains in legebility iwhen it comes into making changes and in the debugging process: one should then only work on the structure.css. I also use this to filter only the structure.css for Ie mac with an @import method. So if there is no workaround in your css for this particular browser, it will still get the color and font design... Always better than plain text... Your question is very interesting... Please tell us more on the list when you'll get more interesting answers. Guillaume. Hi all, I'm interested in gathering advice on keeping large stylesheets maintainable, particularly ones that have more than one person working on them. I think that this is an area of CSS that has not been adequately discussed in the past. I've written more about this on my blog: http://simon.incutio.com/ archive/2005/09/26/maintainability If anyone has any ideas to share, particularly from tackling this problem in team projects, I'd love to hear them. Thanks! Simon Willison __ 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] Browser don't catch named anchors if in fixed elements...
Hi all, Seems the browsers ( Op, Saf, Ff on Mac ) don't catch named anchors if placed inside position:fixed containers... Trying to get to with will simply produce nothing... Is this a known bug ? Any workaround for this ? Or is this the way it should be ?... Guillaume. __ 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] setting "initial height" for a DIV: is it possible?
Adam Kuehn wrote: cappellano wrote: Is it possible to set an initial height for a DIV? I want to use" height: auto" for this DIV overflow, but as it contains a bg image, I need to start it with an especific height to show the image. Is it possible? It is certainly possible to set a minimum height. Just specify min-height: [length]. You can separately set the height to auto. This works in most modern browsers. Naturally, however, this does not work in IE/Win. However, IE will (incorrectly) expand a DIV to fit its contents, regardless of what you specify as the height. So, if you don't mind using hacks (see the Wiki), you can set the min-height, and then feed a height value only to IE/Win. That should make IE do what you want, too. But then Ie will set a fixed height for this div. If the layer is containing some text that will be resized over this fixed height, this text will jump off the box... Right ? Guillaume. __ 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] Best IR technique ?
Hi all, could someone advise the best/safest Image Replacement (IR) technique to use: cross browser friendly, screen reader accessible. Seems the classic Todd Fahrner method is not catched safely by all screen readers and just fails if the server never sends the image. Another method suggests to use text-indent:-999em, but causes problems with Ie 5 Win wich will also indent the background-image. A last method suggested by Pixy uses z-index and absolute positioning to cover the text with the replacing image. Is this last method safe and the best one ? Any other IR tricks to mention/point ? Thanks. Guillaume. __ 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] Testing: Win inside OsX...
Ben, thank you for such a detailed report / explanation of the use of Vpc... Added some comments below... That's the prep work, here's the CSS pay-off: certain technologies are shared in the Windows system, and so installing even "standalone" versions of Internet Explorer on the same Windows machine result in hybridized or wrong results during testing. I remembered someone pointing in this list, a while ago, that Js would throw some errors in Ie just because you installed multiples versions of this browser on Windows. -> in CSS, if you don't use a version filter on your conditional comments, then your hacks aren't forward-compatible In fact, I was going to ask this to the list: many designers target Ie with conditional comments without mentioning the version they would like to filter. What is going to happen, with a global ... next version of Ie, that will have a better Css support will it eat the same Css built for older versions ? Guillaume. __ 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] Testing: Win inside OsX...
Hi list, I would like to increase the Css tests i can run and manage cross-browser / cross platforms Css issues... I'd like to use a Windows emulator, Virtual Pc on Mac OsX, to resolve this issues... Could someone just give me some feedback about using this software: does it exactly manage browsers as a Pc would...Will the browser render engines run the styles in this emulator as they would on a physical machine... Did someone experienced bugs in it: Css displaying fine inside the emulator and then break in a physical Win machine ? Is this a way to go ? Is this method safe ?... I do apologize if this hurts the list policy, not being strictly a Css question, but still, i think, related to Css issues and testings... Thanks. Guillaume. __ 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] problems with background image flickering on scroll
Hi there, It's flickering for me here on FF mac, laptop... did you meet this problem especially on Firefox... I'm asking this because i experienced similar situation with fixed elements covering big size images... In fact the more i design with it the more i think the Gecko layout engine is poor, has difficulties to paint, or in your case repaint the background, on screen when the content is scrolled. As Bruce mentioned you should probably change your background... I've seeen more pattern based on diagonals than horizontal lines... Or maybie try a background-attachment: no-scroll, that will stop your bgnd moving up and down and should resolve the flicker. Good luck. Guilllaume. Hi Bruce, I'm not sure if it's the CSS causing the problem. It may be the space between the lines. The gap is very narrow, on my screen resolution (1280 X 1024) the page hurts my eyes a bit, so maybe it is an optical effect caused by scrolling the page. Regards, Keith. On 7/11/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote: Several people have pointed out to me that on my site you get a "flicker" when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css any suggestions? __ 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-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] font-size-adjust:.58;
BTW, I will test the support of font-size-adjust by Firefox, as suggested by CSS-Guru David Baron. Works in FF Pc only, not on Mac. I did not test it for other browsers on Pc yet.. I've build up a page to test this property <http://www.hablablow.com/devX/fsa/fsaTest.htm> and add a list of browsers wich support or not this property. Guillaume. __ 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] font-size-adjust:.58;
It sounds great. Send me the list of browsers, you have tested with a positive result, please. I've tested it locally on a Mac, all these latest browser version's fail to apply the font-size-adjust property: Camino Firebird Firefox Safari Opera Icab Camino Shiira SunriseBrowser Omniweb Ie Too bad... I don't know why the W3C has dropped this property as it is very usefull... I think this property is working on Ie Pc... Someone should run a test. Guillaume. __ 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] font-size-adjust:.58;
Works for me in all major browsers Mac and Pc ( Opera, Safari, FF, Ie, Omniweb ) although i did not do some acid test on this property ( did not test it in every situation on every browser / platform with a magnifying glass in my right hand... ) Seems the W3C uses this property for ages: look at the css of this page <http://www.w3.org/StyleSheets/Core/stylebot.html?family=6&doc=Sampler> You can change the layout of this page here. <http://www.w3.org/StyleSheets/Core/preview> If you look at the doc provided by the W3C <http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-size-adjust> and compare the two examples they provide, especially the second, where they use the font-size-adjust property, it is amazing how you can "stabilize the horizontal metrics of lines" and adjust a common size where all 10 fonts would have the same aspect. In fact i'm as curious as you, wondering if this widely works and why it has not been more used yet. Guillaume. It sounds great. Send me the list of browsers, you have tested with a positive result, please. Thanks in advance, Uwe Kaiser __ 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] font-size-adjust:.58;
Hi there, I'd like to share / ask this question i've been thinking of for a long time... It's about using the *font-size-adjust* property, specifying a x-height factor for whole or parts of fonts used in a document. Here is the W3C doc <http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-size-adjust>. I don't understand why / see this property widely used, as it is the perfect solution to adjust font size in different situations. A better way than to fire up a font-size for the whole document, such as 100% or 100,01%... If anyone has more infos, discuss this point, or just tell me this is not a way to go... I'll be glad... Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (IE problem) vertical-align of div in td doesn't work when div has relative height
Take a look at this <http://www.jakpsatweb.cz/css/priklady/vertical-align-valid-solution-en.html> It gives you a valid method to center content, or change it's values to any vertical-align options ( in your case bottom ). There are two parts in the css: for all browsers / for Ie. By the way it is the only clean method i know to control vertical-align, especially to center content vertically. Guillaume. __ 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] tabtastic anchor page offset
On the link, you have to add : onclick="return false" 2005/6/29, Mark Renn Caluag <[EMAIL PROTECTED]>: > > hello everyone > > im sure most of us here have seen tabtastic > http://phrogz.net/JS/Tabtastic/index.html . i am very impressed by the > simplicity of the library, however whenever you click on a tab, the > anchor's > position is changed and in cases where you have a long tab-content, the > page > scrolls breaking the illusion of a tab pane. > > i was wondering if there is anybody here who have tried to solve this > usability problem or has a bit of idea how. > > my idea is to disable the page offset when a #fragment is clicked. > > anyone? > > thanks > > -- > www.markrenn.com <http://www.markrenn.com> <http://www.markrenn.com> > +639193189384 > __ > 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/ > -- Guillaume Aveline __ 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] Nested List YADM menu problem with IE
The roll over is veryslow. You migth optimize it., i've not look the code yet 2005/6/28, David Boddie <[EMAIL PROTECTED]>: > > Hello all, > > I have been playing with this menu for 4 days, starting over twice and > it's > about to drive me insane. > > I've gotten my YADM menu almost complete. It works and looks great in most > browsers, except IE. I'm getting a funny 2-3 pixel margin at the top of > the > nested ULs on the javascript menu. You can see it if you hover over the > menu on the left of the page. I've adjusted the margins, the heights, the > padding, everything. I've stripped it out of the page to display it by > itself, and it still gives me that 3 pixel problem... > > I have placed the UL menu in the #leftcolumn container, and have already > set up the non-javascript version to look perfect on all browsers... > > Can anyone help me? > > HTML page http://www.uark.edu/depts/gradinfo/test/gradmockup05a.html > CSS page http://www.uark.edu/depts/gradinfo/test/gradmockup05a.css > > Thanks in advance, > > --- > David Boddie, Webmaster, Graduate School > University of Arkansas | #6 Dickson Street Annex > Fayetteville, Arkansas 72701 > Phone: 479-575-6184 | email: [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://evolt.org> -- > http://www.evolt.org/help_support_evolt/ > -- Guillaume Aveline __ 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] footer fumble in FF part II
Looks fine in IE6 winxp. good job 2005/6/28, [EMAIL PROTECTED] <[EMAIL PROTECTED]>: > > Well I got everything else nailed down thanks to a number of very smart > people here. But my footer seems to be off in FF. I think its fine in > IE. Can someone peek? > > My code validates now as well > > http://www.rocklinsystems.com/infinity/communities.htm > > Adam > __ > 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/ > -- Guillaume Aveline __ 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] Window IE flow problem
looks fine on IE6 win XP :) 2005/6/28, saul <[EMAIL PROTECTED]>: > > Hi Holly, > > Thank you for taking the time. I've implemented those suggestions and > am waiting on a couple of friends with XP machines to tell me if IE > gets it right. > > cheers, > > Saul > > On Jun 24, 2005, at 6:25 PM, Holly Bergevin wrote: > > > From: saul <[EMAIL PROTECTED]> > > Date: Thu, 23 Jun 2005 09:53:44 -0400 > > > >> the center content area is not flowing properly in IE Windows > >> (at least from the screen shots some friends have sent me). It appears > >> to bump down to below the left column content. > > > >> http://www.inventionshow.com/development/layout.html > > > > Hi Saul, > > > > A couple of changes and this will probably work for IE (except the > > li:hover). > > > > First, you have a selector that I'm pretty sure is written incorrectly > > for what you want. - > > > > #sidebarL #img { > > margin-left: -5px; > > margin-right: -5px; > > } > > > > I couldn't find any elements with an ID of img (#img) in your > > #sidebarL element, so I'm thinking what you really wanted was - > > > > #sidebarL img {...} > > > > With that change, you also will need to get rid of the margin-left > > property - > > > > #sidebarL img {margin-right: -5px;} > > > > Then you'll need a new selector to solve IE's problem with dropping > > the content - > > > > #content div img {margin: 0 -3px;} > > > > Finally, at least finally with the browsers I looked at, my (old) > > Opera doesn't like the construction of the very first elements in > > #sidebarL. If you'll put a break element *after* the non-breaking > > space you have between the two images, the appearance in Opera will > > improve significantly. > > > > > > < a href="#" >< img [snip]/ >< /a >&nb sp;< br / >< img {snip]/ > > > [and the rest of the code - extra spaces are added on purpose so that > > MY email program doesn't attempt to render the HTML] > > > > 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://evolt.org> -- > http://www.evolt.org/help_support_evolt/ > -- Guillaume Aveline __ 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] I'm joky
Hello everybody, i'm joky a french webmaster, i'm coding CSS since last year and i found this mailling list so i suscribbed. Sorry for my poor english and my errors, i'll try to do my best, to help you if i can and to explain my probleme the best i can when i'll have to do... thx all... __ 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] Retrieve margin-top value from other ids + example link
Thanks Roger for your reply. I have build up a page to show you what i'm talking about <http://www.hablablow.com/fixedTest/css_d_page.htm> I imagine Js would give me the best control of what i try to achieve. But i'd like to keep positions managed in css. Logically: nonFixedLayer{ margin-top: fixedLayer1+fixedLayer2; } To make things not easyer, and scalable, the second fixed layer doesn't have a height defined Isn't there a pure css solution for this simple calculus ? Such as adding values with ancestors or parent nodes, inheritance... The best step i'm into know: since 2 fixed layers are byh default absolutely positioned have a greater z-index, i use an empty layer called "dummy" ( containing a single ; ), with a line-height value, to push the non fixed layer to its correct position from the top of the window. But this breaks somehow when text in fixed layer just above wraps on several lines. > A javascript solution added to the em based top margin would give yo the best of both worlds. Any ressource to point ? Thanks. Guillaume. If you want to avoid javascript, you could set the margin-top of the static part in ems. That way the top edge will be dependent on the user's font settings. However, this method is inexact. A javascript solution added to the em based top margin would give yo the best of both worlds. By the way, we could give much better advice if you could post the page somewhere. Otherwise, all we can offer is generalizations. Roger, Roger Roelofs Know what you value. __ 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] Retrieve margin-top value from other ids
Hi list, I'm building a page with two fixed headers on top of page, one below each other. Just under these two headers goes a non fixed layer. The problem i have is to exact align this third layer, so it sticks right under the 2 above and flows gently, when scrolled down, under them in modern browsers. If i use absolute positionning and relative units to place this non-fixed layer, such as margin-top: Xem, i don't get problems on text-resize, but if the content of the fixed layer just above starts jumping one line down, it partly covers the content of non-fixed layer just below. So here is my request: how can i tell the non-fixed layer to adjust its position according to the variable height of the two fixed layer above. Any css advice ? I can also imagine i could retrieve the height of two layers above so i could writte a margin-top value using some Js. Any clue on this heavy headache problem ?... Thanks. Guillaume. __ 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/