[css-d] problem in IE6 - footer falls apart
Hey there people, Me and my friend were working on a new website and he came out with this layout: http://filez.kapati.net/public/aenima/ only problem so far that I noticed is that footer falls apart in IE6, I'm not sure why this happens. Also, in lower resolution top navigation slides together. Could someone indicate me towards some kind of solution? Kind regards -- Krystian - Sunlust Sunlust Designs http://sunlust.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
Philippe Wittenbergh [EMAIL PROTECTED] On Mar 5, 2008, at 4:04 AM, David Laakso wrote: http://css-class.com/test/beta-0-1.htm . Mac IE/5.2 screenshot: http://www.chelseacreekstudio.com/ca/cssd/ag.png I can only suggest you seek a fix at Code Bitch or Philippe Wittenbergh's site (and validate some of the CSS). (btw, the pink band is a no-show in Mac/FF) the 'text-overlap' (or column overlap) is doe to the width applied to the dd. IE Mac not liking this. And no need for width anyway. --- Philippe Wittenbergh http://l-c-n.com/ Thank you David, Phillipe and Robin for your help. Yes Philippe your right. It was my IE5~6/IE rule * html dd {width:100%;} which was bugging IE/Mac. From Robin's screenshots and surfing I realized that due to me supporting IE5/~IE6/Win I was feeding so much poison to IE/Mac by the star html hacks. I have now seperated IE5~6/Win from IE/Mac completely. IE/Win rules: http://css-class.com/cssscript/test-ie IE/Mac rules: http://css-class.com/cssscript/test-ie.css and combined IE7/Win and IE5/Mac rules which support sibling selectors: http://css-class.com/cssscript/test-ie-all.css And now the test (fingers crossed). http://css-class.com/test/beta-0-1.htm May I please have a check again in IE/Mac. Now the sidebar in IE5/Mac should sit correctly besides the content since I hidden the margin-right:100px (for IE5~6/Win) from the floated inner wrapper from IE/Mac. And the div containing the menu should be placed directly underneath the banner. I have correctly got IE/Mac to position my header correctly by absolute positioning by this #wrapper1+*+div {position:absolute;top:0;left:0} but then I had to remove the margin-top:120px on the div#navwrap for IE/Mac which was now position relative 120px down from the absolute positioned block. #navwrap {margin-top:0px;} Now everything should hopefully work in IE/Mac. It would be much easier to drop support for IE/Win all together and just support IE/Mac. :-) This whole thing also reminds me to purchase a Mac for IE/Mac testing. Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] A simple way to display data in a tabular form?
On 05/03/2008 06:16, Sherry Myrow wrote: Logistically it's really simple. I need to create a page that displays a bunch of data. I have a huge list of manufacturers and a long list of model numbers. I need to be able to extract the manufacturer name from the database and display that on screen (so it can be dynamic). Then underneath the Manufacturer name i want to show every single model number (again pulled from the database). Each model number should be clickable to a page that shows the corresponding product list for that specific manufacturer and model number. ... Can anyone point me in the right direction? URLs to a good tutorial or page that explains how to integrate php with css and html would be s apreciated. I'm finding many articles on line about creating navs and entire home pages but nothing as simple as what I need. To me, it sounds like you should use a table: it's tabular data after all, isn't it? As for php, that's off-list but you can make a start here: http://www.w3schools.com/php/default.asp -- http://antanova.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
Alan Gresley wrote: And now the test (fingers crossed). http://css-class.com/test/beta-0-1.htm May I please have a check again in IE/Mac. Alan Closer now. But, we still have a little way to go yet. http://www.chelseacreekstudio.com/ca/cssd/ag4.png -- Victory belongs to the most persevering. Napoleon Bonaparte (1769 - 1821) -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Quickly Removing Formatting from an Element
On 05/03/2008 02:26, Felix Miata wrote: According to Philippe's response it looks like FF3 will provide some sorely need defensive power for the inane presumption that color: #333 is preferable to #000 on background-color: #FFF. I know I'm OT here, but I find that easier than black on white. Actually, my default is set as #333 on #ccc, but I sit close to the screen and sometimes have to change that depending on ambient light. Are there any readability studies out there on this topic? I know, for example that it's harder for dyslexics to read black on white than a lower contrast combination. -- http://antanova.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] THis layout must exist somewhere...
I'm sure this exists, but my searching hasn't found it yet: 1) Fluid design but with a max width on the outer container 2) 3 columns 3) Center column first in source, has min width (may be in ems) 4) Left column last in source - fixed (or possibly em) sized. 5) Right column second in source - fixed (or possibly em) sized. 6) full width footer. 7) any column longest. In other words, when the screen is narrow enought to trigger the min-width of the center column, there will be a horizontal scrollbar and the right column will start to vanish. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creeping form controls in IE6/7
Sent by Gunlaug_Sørtun on 5 March 2008 04:04 Scott Sauyet wrote: http://scott.sauyet.com/issues/2008-03-04a/ In IE7, IE6, and IE5.5, all on XP, I'm seeing something bizarre. When you hover onto or off of the top menu item, the text box and button move down the page. They keep doing this; it's not a one-time behavior. In IE7 they will go on indefinitely. In IE6 and IE5.5, they eventually disappear when they fall off the real estate owned by the menu. Has anyone seen this behavior? Any suggestions for how to get rid of it? Alternative solution (in case one is ever needed)... http://www.gunlaug.no/tos/alien/scs/test_08_0305.html based on the effect well-placed 'hasLayout' triggers have on elements in IE/win. Otherwise no changes from the original. It's perfectly stable in IE6/7, but I can't check in IE5/5.5. regards Georg -- http://www.gunlaug.no Georg, your solution is really interesting, you have given both the #main-menu ul and #main-menu li hasLayout. This squashed the bug with the padding in-tacked. My solution is different where I have swapped the padding for margins instead and only given #main-menu li hasLayout (later inclusion). http://css-class.com/x/what.htm For general details, by swapping the padding for margins I evoked the non-collapsing of default margins bug in IE where IE contains those margins instead of collapsing them. Giving hasLayout to the list items squashes this bug. Scott, both Georg's solution and mine (untested in IE/Mac) still has box model problems in IE5/Win. Are you wishing to support this browser? Getting back the the original bug. Off-line testing confirms that only a form elements reacts with the padding bug and hovering the first and second list items will send the form element in IE/Win continuously down. It's like IE moves the form element downwards when the padding bug is triggered but doesn't restore it correctly in place when the padding bug is un-triggered, thus each time the trigger is activated the form element is moved one more step onwards on it's continuous journey to the abyss. I beginning to think more and more how IE is very magical :-) Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem in IE6 - footer falls apart
Krystian - Sunlust wrote: Me and my friend were working on a new website and he came out with this layout: http://filez.kapati.net/public/aenima/ only problem so far that I noticed is that footer falls apart in IE6, I'm not sure why this happens. Also, in lower resolution top navigation slides together. Part of the difficulty of the footer (in all browsers) is resolved by floating its container, rather than the image. For the menu, exchanging an em min-height (IE/6 does not understand min-height needs just height), not floating the nav, and changing it from block to inline helps somewhat. Another issue, you did not mention, is that neither the text block, nor the footer block, is centered rail to rail in a wide window. Enclosing both in a wrapper and centering that wrapper corrects this. These, among other modifications to the CSS and markup, are on this (color stripped for my convenience) file: http://www.chelseacreekstudio.com/ca/cssd/nima.html. While it may not resolve all issues, I hope it brings you in a little closer cross-browser. I did not take time to correct the markup errors picked up from your file. HTH. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Quickly Removing Formatting from an Element
Jason Crosse wrote: I know I'm OT here, but I find that easier than black on white. Actually, my default is set as #333 on #ccc, but I sit close to the screen and sometimes have to change that depending on ambient light. I don't think you're all that much OT here, because you bring in factors that CSS is often (or more or less all the time) used to adjust our designs for. The potential problem with this and many such design-adjustments, is that users may have already adjusted their own hardware and software to suit their preferences or needs, and it will work well on most web sites too - except on sites where the designers impose too many corrections for what they experience on their own equipment, onto visitors. CSS provides us with the means to make numerous adjustments to a web document, whether it is to improve things for the user, getting a certain design-balance, or because the designers' equipment and settings are less than optimal and CSS is used to adjust for that. Equipment and settings are literally all over the place, so factors like light and contrast are pretty wide-ranged at all ends. Thus, it is good that users can defend themselves against author styles, and it is even better if designers have a fairly good idea what may happen when users use such defensive powers and make reasonably sure their creations survive in a usable way despite such defenses. Are there any readability studies out there on this topic? I know, for example that it's harder for dyslexics to read black on white than a lower contrast combination. Try asking that question on http://www.webaim.org/discussion/, or maybe on http://www.accessifyforum.com/. You'll probably end up with a wide range of answers, even if you find a somewhat reliable study on the subject. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish IE misalignment madness!
Again, this is a tremendous help. So I was able to implement this and it all seems to be working well. I did some interim styling that replaced the faux rounded corners... The latest version: http://mattmedia.net/aegis-b/a-home.htm So one final thing I can't figure... this drop down now works flawlessly in IE7 and the other browsers, but doesn't show up at all in IE6. Anyone have any idea why? - Matt On Tue, Mar 4, 2008 at 5:35 PM, Alan Gresley [EMAIL PROTECTED] wrote: Matt wrote: Thanks, Alan... Your suggested changes seem to work... at least in FF and Safari. As they mostly always do. :-) On IE6, though, the nav seems to break now with the LI's grouped together and floating left for some reason, and the submenus seem to have vanished. On IE7, it looks good, although the pulldown still shifts to the right... See the updated link here: http://mattmedia.net/aegis-b/a-navtest.htm I tried adding ul#navlist li {position: relative} as you suggested, but that seemed to move the pulldown items BEHIND the main nav bar... Any other suggestions? Thanks in advance... - Matt This should help. http://css-class.com/x/testmenu.htm The CSS with comments are embedded in the header. You have given heights in pixels to various elements in the menu. You can not do this with Suckerfish menus since they are based on ems and percent. I don't know how that will help with your rounded corners. You may want to wrap another div around the navigation and use a vertical sliding door technique for the rounded corners. I hope this helps. Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
David Laakso wrote: Alan Gresley wrote: And now the test (fingers crossed). http://css-class.com/test/beta-0-1.htm May I please have a check again in IE/Mac. Alan Closer now. But, we still have a little way to go yet. http://www.chelseacreekstudio.com/ca/cssd/ag4.png -- Victory belongs to the most persevering. Napoleon Bonaparte (1769 - 1821) -- http://chelseacreekstudio.com/ Well I guess Napoleon would be proud of me for persevering with IE/Mac. I think I have cracked it at last. Thank you David for your timely screenshot. I think I see what is happening now with the header. The menu should now be situated correctly in IE/Mac and removing the [href] in my CSS (a[href]) should now allow the anchors to take real shape (missed that one) in the menu. The CSS Test Pages header should now be located at the opposite end of the blue~green bar that the menu is hopefully sitting in. The header element which has the My dream text is called by this. div+div+*+div {height:120px;width:81%;background:url(../images/backbluegreen1b.jpg) 50% 0%;background: url(../images/backbluegreen1.jpg), url(not-a-real.jpg);-webkit-background-size: auto, 100% 100%;-o-background-size:100% 100%;-khtml-background-size:100% 100%} Phillipe, on this page. http://dev.l-c-n.com/CSS3-selectors/browser-support.php You mentioned about grouped selectors: IE Mac: it incorrectly recognizes a group that contains selectors or tokens that it does not support. Is that referring to the string of group selectors or does that also mean anything that is in the whole declaration block for the group selectors? I have noticed that the blue~green strip sits outside the header. I misunderstood and earlier screenshot by Robin and realized that this strip was covering my CSS Test Pages header (.float2 h3) and since I have absolutely position the header for IE/Mac only, then the top offset may have been wrong. .float2 h3 {position:absolute;left:10px;top:130px;font-size:140%;margin:-1.1em 0 0;color:#CAD0D8;color: hsla(152, 35%, 82%, 0.5);} The correction for IE/Mac now is. div.float2 h3 {top:10px;z-index:1} Can I please have another check for IE/Mac? :-) Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
Alan Gresley wrote: http://css-class.com/test/beta-0-1.htm Can I please have another check for IE/Mac? :-) Alan It looks the same now, unless it is hung-up in the cache or not retrieving the corrections to the style sheet , as it did in the screenshot sent to you at 4:50a. Napoleon -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
On Date: Thu, 6 Mar 2008 00:23:09 Richard Grevers wrote: and the right column will start to vanish. Actually this was the only reason made me to reply to your psot. What do you mean by that? and why would you want right column to vanish? regards, davoud P.S: To contribute to my research please visit: http://cssfreelancer.awardspace.com/stability.html css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] A simple way to display data in a tabular form?
Jason, You could use a table to display your information. Tables shouldn't be used strictly for layout purposes, but if the data makes sense to use a table, use a table. Having said that, the php to display this isn't to difficult. My code below is going to based on an assumption of the data in a similar format. ?php $manufacturers = array( name=Sample Company, models=array( array( number=model 1 number, description=model 1 description ), array( number=model 2 number, description=model 2 description ) ) ) ? It I wanted to use a table, then to display the data, I would use something like the following code: ?php echo 'table'; echo 'trthManufacturer/ththModel/ththDescription/th/tr' foreach($manufacturers as $manufacturer) { echo 'trtd colspan=3'.$manufacturer['name'].'/td/tr'; foreach($manufacturer['models'] as $model) { echo 'trtdnbsp;/tda href=page.php?model='. $model['number'].''.$model['number'].'/atd/tdtd'. $model['description'].'/td/tr'; } } echo '/table' ? This will create a table with the first line being the table header, then for each manufacturer, display 1 row with the manufacturer name and then as many rows as necessary to display the model number and description. Alternatively, if you really wanted to display this information in without tables, you could use the similar code: ?php foreach($manufacturers as $manufacturer) { echo 'div class=manufacturer_row'; echo 'div class=manufacturer_name'.$manufacturer['name'].'/tdiv'; foreach($manufacturer['models'] as $model) { echo 'div class=model_row'; echo div class=model_numbera href=page.php?model='. $model['number'].''.$model['number'].'/a/div'; echo div class=model_description'.$model['description'].'/div'; echo '/div'; } echo '/div'; } ? Then for the CSS, I would use style type=text/css .manufacturer_row { clear: both; } .model_row { clear: both; } .model_number, .model_description { float: left; width: 200px; } /style This should give you the desired effect to display tabular like data without using tables. This does have some draw backs. For instance, to get the data to line up correctly, you need to designate the width of the divs. Any other styling could be done any way that you want. Hopefully this get you started. For additional information on the foreach loop that I use, http://us3.php.net/foreach On Mar 5, 2008, at 3:40 AM, Jason Crosse wrote: On 05/03/2008 06:16, Sherry Myrow wrote: Logistically it's really simple. I need to create a page that displays a bunch of data. I have a huge list of manufacturers and a long list of model numbers. I need to be able to extract the manufacturer name from the database and display that on screen (so it can be dynamic). Then underneath the Manufacturer name i want to show every single model number (again pulled from the database). Each model number should be clickable to a page that shows the corresponding product list for that specific manufacturer and model number. ... Can anyone point me in the right direction? URLs to a good tutorial or page that explains how to integrate php with css and html would be s apreciated. I'm finding many articles on line about creating navs and entire home pages but nothing as simple as what I need. To me, it sounds like you should use a table: it's tabular data after all, isn't it? As for php, that's off-list but you can make a start here: http://www.w3schools.com/php/default.asp -- http://antanova.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish IE misalignment madness!
Matt wrote: Again, this is a tremendous help. So I was able to implement this and it all seems to be working well. I did some interim styling that replaced the faux rounded corners... The latest version: http://mattmedia.net/aegis-b/a-home.htm So one final thing I can't figure... this drop down now works flawlessly in IE7 and the other browsers, but doesn't show up at all in IE6. Anyone have any idea why? - Matt Hi Matt, when I tried to validate your CSS I get this error. Servlet has thrown exception:javax.servlet.ServletException: Timed out This is because in your CSS is this. !--[if IE] style type=text/css #flashcontent { zoom: 1;} /style I had to save the CSS offline to be able to validate it (only three warnings, that's good). The dropdown doesn't work in IE6 because there is no javascript file. http://mattmedia.net/aegis-b/sfhover.js The CSS is given the same path and it is there. http://mattmedia.net/aegis-b/aegis.css So when you sort out the correct path for the javascript the dropdown should work in IE6. :-) Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
Alan Gresley wrote: Now everything should hopefully work in IE/Mac. It would be much easier to drop support for IE/Win all together and just support IE/Mac. :-) This whole thing also reminds me to purchase a Mac for IE/Mac testing. Alan http://css-class.com/ Make sure you buy an old mac, or at least an old mac os. IE 5 hasn't been part of mac os since 10.2 I think. So thats almost 4 years on non-availability. Personally I think it safe to say IE 5 for mac is super dead. unless you are getting traffic from it that is. -Mark http://fosterinteractive.com/mstory.vcf __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Drop Down Menu and Flash
Hello, I've read that if you have a drop down menu which sits above a flash element the drop down will be invisible, even if you include z-index within the menus css. If so is there a work around this problem? Jon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Centered content jumps on insertion of removal of scroll bar
Hi, I have content that is centered on the page. Problem is - when a user switches between a page that does not have a vertical scroll bar and one that does (because the content fits within the browser window or does not respectively) the centered content jumps left or right to factor in the insertion or removal of the scroll bar. For some time I have been using a body style like: body { height: 101%; } This forces the scroll bar to always be present and thus fixes the problem. However, now I would like to use a strict.dtd and this no longer works. Can someone recommend a solution? Mike -- Michael B Allen PHP Active Directory SPNEGO SSO http://www.ioplex.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Disguising path of a page
Dear all I have a site for a local business group: http://www.actonbusinessforum.net/ linked to a forum that my partner has created http://forums.redmason.net/ActonBusinessForum/ (link on left hand column) The site and the forum are hosted separately and they have requested that it appears they are in the same place, ie the path does not contain redmason etc. I have experimented by putting the forum in a single frameset frame http://www.actonbusinessforum.net/forum which looks OK, if archaic and does the trick. Question is: 1.Is there any problem doing it this way, browsers, scrolling etc etc, anything at all? 2. Is there a way of doing this in CSS instead of frames? Greatly appreciate any advice on this. I am on the digest. Thanks to anyone who takes the time to have a look. Annie Anne Pennington [EMAIL PROTECTED] http://www.digitalplot.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Typoantialiasing problem on Mac.
Hi all, this is my first post on this list and i hope you can read my broken english :-) I have strange Problem on Firefox (MAC) on some sites i programm. The complete Typo is looking extremly bold or bolder than on my pc. The effect is stronger when you have a darker background and a brighter type. The only fix i found for this stupid mac problem is to set the opacity to 99% but i don´t know why the browser behaves like that? When use this opacity fix the font looks clearer, like on my pc. I posted an example on this site http://www.pixel-gallery.com/dev/joymedia/dummy/unternehmen_profil.htm So when you use Firebug. You can change the typo.css #contentWrapper opacity from 1 to .99, and you can see the effect that the font is looking extrem clear. Maybe some of you can explain me why this strange thing happens, or what kind of rendering engine is going on? Thanks for help. Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image placement help
Hello group, I am new to CSS in web design and have a pretty basic question but am unsure about the best way to solve the problem. Here is the page I am building: http://www.arabian-horses-west.com/test.html I would like the very top and very bottom graphics to touch the middle so that it is all connected. Here is a link to the CSS: http://www.arabian-horses-west.com/testcss.html Any help would be greatly appreciated. Thank You, Christie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Gap between divs in IE6
Gunlaug Sørtun wrote: Paul Jinks wrote: I have a page that looks just as I want in FF but which misbehaves in IE6, showing a gap between divs. http://www.pauljinks.co.uk/test/contentTemplate2.html The simplest and most reliable solution is to put an html comment in the empty divs, to prevent IE/win from seeing whitespace in there. div id=main-top!-- --/div div id=objective!-- --/div div id=objectiveBot!-- --/div IE6 will otherwise treat those divs as if they're one line-height tall, since that and older IE/win versions don't respect declared dimensions and will auto-expand the divs in height to make room for an imaginary space. regards Georg Thanks Georg It took me a while to get round to testing this: I found that the comments fixed the problem in IE6, but introduced gaps in FF! I'm not sure why this should happen. Tim Palac's approach, setting #main-top { ... background: url(...) no-repeat bottom left;} did the job in both browsers. Again, I have no idea why! Paul __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Gap between divs in IE6
Hi Tim Many thanks for this. It worked like a dream. Incidentally, I tried putting the same CSS rules in separately: background-image: (url...); background-repeat: no-repeat; background-position: bottom left; and it didn't seem to work (yes, I'm a Dreamweaver user). Strange, eh? Cheers Paul Tim Palac wrote: Paul, This was a frustrating one! Anyway, after much fooling I replaced the css for #main-top with the following: #main-top { height: 16px; width: 770px; background: url(...) no-repeat bottom left; } This works great in IE6, IE7, and Firefox for me. For some reason it was just IE6 the old version wasn't working in, guess it has weird issues with background placement. Tim AIM: TymArtist www.timpalac.com http://www.timpalac.com On Thu, Feb 21, 2008 at 10:21 AM, Paul Jinks [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: I've been trying to fix this till I can't remember my own name: I have a page that looks just as I want in FF but which misbehaves in IE6, showing a gap between divs. Link: http://www.pauljinks.co.uk/test/contentTemplate2.html I've stripped down everything to identify the offending code, which looks like this: div id=container div id=main-top/div div id=objective/div div id=objectiveBot/div /div The idea is that the content of #objective appears in a nice rectangle with rounded corners, the top and bottom of said rectangle being contained by #main-top and #objectiveBot. here's my css: body { margin: 0px; padding: 0px; } #container { width: 770px; margin: auto; } #main-top { height: 16px; width: 770px; background-image: url(..); background-repeat: no-repeat; } #container #objectiveBot { background-image: url(..); background-repeat: no-repeat; width: 770px; height: 23px; } #container #objective { background-image: url(...); background-repeat: repeat-y; width: 770px; } I know it's something pretty obvious, but I can't see the wood for the wotsits here. Please help. Paul __ css-discuss [EMAIL PROTECTED] mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org http://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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Non-image list-style-type coloring?
I don't see a CSS2 way to apply a color to JUST the list item marker (disc, square, whatever). Have I missed it? I don't want to use an image. I just want to make the list item marker itself 20% less imposing by lightening it relative to body text color. Side question: Barring a solution above, how do I use a chosen character as the list item marker? I've seen people use those '' glyphs before (something;), but don't know how to do it in this context. Thanks for any help. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac http://css-class.com/test/beta-0-1.htm
On 3/5/08 10:34 AM, Mark Story [EMAIL PROTECTED] wrote: Alan Gresley wrote: Now everything should hopefully work in IE/Mac. It would be much easier to drop support for IE/Win all together and just support IE/Mac. :-) This whole thing also reminds me to purchase a Mac for IE/Mac testing. Alan http://css-class.com/ Make sure you buy an old mac, or at least an old mac os. IE 5 hasn't been part of mac os since 10.2 I think. So thats almost 4 years on non-availability. Personally I think it safe to say IE 5 for mac is super dead. unless you are getting traffic from it that is. -Mark http://fosterinteractive.com/mstory.vcf Sadly, we still have a graphic designer (print) using mac IE 5.5 here where I work. He just doesn't want to update and still runs 9.2, Quark 4, Photoshop 4 etc. There are still dinosaurs out here. Cynthia __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Cynthia M. Brumbaugh Chek-Med Systems, Inc. 200 Grandview Avenue Camp Hill, PA 17011 717-731-0717 [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css layout issue, centered, three column layout
Hi, I am pretty new at web design and css. I started with a three-column layout that the center content stretched to fill the screen width, with left and rights static width of 200px. Which worked but I didn't want it to stretch. I decided to make a centered 1000px layout, the centercontent is perfect because it has margin left and right of 200px, but the left and right contents are all over the place. I tried float:left for the left and float:right for the right, and now it looks different in IE7 then firefox, but the three columns are out of whack. I believe I need something with a wrapper, but I keep getting it more out of order the more I mess with it, any suggestions? http://www.liaace.org note: the word Sponsors is actually the right column that is not on the right! Thanks, Brett __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centered content jumps on insertion of removal of scroll bar
Michael B Allen wrote: I have content that is centered on the page. Problem is - when a user switches between a page that does not have a vertical scroll bar and one that does (because the content fits within the browser window or does not respectively) the centered content jumps left or right to factor in the insertion or removal of the scroll bar. You have two options: 1: html {overflow-y: scroll;} ...which I think is the most correct one, but it doesn't work perfectly in all browsers. 2: html {height: 100%; padding-bottom: 1px;} ...which acts more or less as your old solution, but sets the styles onto what is the outermost element in standard mode. Page is always at least 100% (of window size) + 1px tall. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
Richard, This layout is mostly possible. I have created one here : http://mark.slosarek.net/sandbox/three_column/ It doesn't address number 7. It currently only works when the center column of the longest. Additionally, I doesn't work correctly in Safari. It also contains quite a few hacks to get it working. It is not the best solution, but it should handle most situations with a few tweaks. Mark On Mar 5, 2008, at 5:23 AM, Richard Grevers wrote: I'm sure this exists, but my searching hasn't found it yet: 1) Fluid design but with a max width on the outer container 2) 3 columns 3) Center column first in source, has min width (may be in ems) 4) Left column last in source - fixed (or possibly em) sized. 5) Right column second in source - fixed (or possibly em) sized. 6) full width footer. 7) any column longest. In other words, when the screen is narrow enought to trigger the min-width of the center column, there will be a horizontal scrollbar and the right column will start to vanish. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Oldest Browser Currently Testing for
It seems that my perception of in the wild browsers was a bit off. As I consider IE 5 for mac to be deceased, however it seems to be alive and kicking for some. So I just wanted to get an idea of what the oldest browser you are currently testing for is? And how are you targetting them? Hacks, conditional comments, other techniques? -Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Typoantialiasing problem on Mac.
Peter, Windows and Macs just render fonts differently: http://www.codinghorror.com/blog/archives/000884.html Personally, I prefer the way Macs do it, but that it is a personal preference and I think that it is just due to familiarity. The way that I get around it is to increase my font-weight slightly some of my sites for IE. I usually set the font-weight to 500 or 600 depending on the application. Mark Slosarek [EMAIL PROTECTED] http://mark.slosarek.net AIM: mslosarek On Mar 2, 2008, at 11:06 AM, Peter Oliver Geller wrote: Hi all, this is my first post on this list and i hope you can read my broken english :-) I have strange Problem on Firefox (MAC) on some sites i programm. The complete Typo is looking extremly bold or bolder than on my pc. The effect is stronger when you have a darker background and a brighter type. The only fix i found for this stupid mac problem is to set the opacity to 99% but i don´t know why the browser behaves like that? When use this opacity fix the font looks clearer, like on my pc. I posted an example on this site http://www.pixel-gallery.com/dev/joymedia/dummy/unternehmen_profil.htm So when you use Firebug. You can change the typo.css #contentWrapper opacity from 1 to .99, and you can see the effect that the font is looking extrem clear. Maybe some of you can explain me why this strange thing happens, or what kind of rendering engine is going on? Thanks for help. Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image placement help
Using the Firefox web developer tools I added a top and bottom negative margin on the #wrapper and it fixed it in Firefox. I haven't tested in IE. Don't know if this is the best or proper approach, and I don't really know why the stated margins of 0 shouldn't have worked. Some of the true experts on here could probably shed some light. #wrapper { background: url('texture7085227.jpg'); padding: 20px; width: 720px; margin: 0 auto; margin-bottom:-16px; (added) margin-top:-23px; (added) text-align: left; } On Mon, Mar 3, 2008 at 4:12 PM, Christie [EMAIL PROTECTED] wrote: Hello group, I am new to CSS in web design and have a pretty basic question but am unsure about the best way to solve the problem. Here is the page I am building: http://www.arabian-horses-west.com/test.html I would like the very top and very bottom graphics to touch the middle so that it is all connected. Here is a link to the CSS: http://www.arabian-horses-west.com/testcss.html Any help would be greatly appreciated. Thank You, Christie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
As far as IE goes, I test for IE6 and IE7, nothing lower. My data shows no visitors ever coming to my sites with anything less than IE6. And if they do, well, it's just time for an upgrade. I'm not jumping through that many hoops to accommodate so few IE 5 users. And I make liberal use of conditional comments for IE. In the years to come, as standards and browser capabilities change, conditional stylesheets are much easier to change than hacks, which are no future-proof, either. Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mark Story Sent: Wednesday, March 05, 2008 12:36 PM To: 'CSS' Subject: [css-d] Oldest Browser Currently Testing for It seems that my perception of in the wild browsers was a bit off. As I consider IE 5 for mac to be deceased, however it seems to be alive and kicking for some. So I just wanted to get an idea of what the oldest browser you are currently testing for is? And how are you targetting them? Hacks, conditional comments, other techniques? -Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check in IE5/Mac
On 3/5/08 10:34 AM, Mark Story [EMAIL PROTECTED] wrote: Alan Gresley wrote: Now everything should hopefully work in IE/Mac. It would be much easier to drop support for IE/Win all together and just support IE/Mac. :-) This whole thing also reminds me to purchase a Mac for IE/Mac testing. Alan http://css-class.com/ Make sure you buy an old mac, or at least an old mac os. IE 5 hasn't been part of mac os since 10.2 I think. So thats almost 4 years on non-availability. Personally I think it safe to say IE 5 for mac is super dead. unless you are getting traffic from it that is. -Mark http://fosterinteractive.com/mstory.vcf Sadly, we still have a graphic designer (print) using mac IE 5.5 here where I work. He just doesn't want to update and still runs 9.2, Quark 4, Photoshop 4 etc. There are still dinosaurs out here. Cynthia __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Cynthia M. Brumbaugh Chek-Med Systems, Inc. 200 Grandview Avenue Camp Hill, PA 17011 717-731-0717 [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
At 11:28 AM -0600 3/5/08, Mark Slosarek wrote: Content-Type: multipart/signed; boundary=Apple-Mail-2-945118431; micalg=sha1; protocol=application/pkcs7-signature Richard, This layout is mostly possible. I have created one here : http://mark.slosarek.net/sandbox/three_column/ It doesn't address number 7. It currently only works when the center column of the longest. Additionally, I doesn't work correctly in Safari. It also contains quite a few hacks to get it working. It is not the best solution, but it should handle most situations with a few tweaks. Mark It don't work for me. The middle column extends over the right column when increasing browser window size. Mac 10.4.11 -- Safari 3.0.4. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css layout issue, centered, three column layout
Brett Fuhs wrote: I decided to make a centered 1000px layout, the centercontent is perfect..] I believe I need something with a wrapper, but I keep getting it more out of order the more I mess with it, any suggestions? http://www.liaace.org Brett Keep it simple. Avoid absolute positioning for the layout structure. You may want to try layout n.7 on this page: http://blog.html.it/layoutgala/ It is a negative-margin float layout with the primary content first in the source order. And if you mind well what you put in it, it will do well for you cross-browser. To clear the scroll bar at 1024 you'll need to set the width on the outermost container to 990px or less. Code to compliant browsers (Firefox, Opera, and Safari among them), with frequent check-backs to IE/7.0 and IE/6.0. The CSS-D wiki is a valuable reference resource for most any problem you run into. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image placement help
On Mon, Mar 3, 2008 at 2:12 PM, Christie [EMAIL PROTECTED] wrote: Hello group, I am new to CSS in web design and have a pretty basic question but am unsure about the best way to solve the problem. Here is the page I am building: http://www.arabian-horses-west.com/test.html I would like the very top and very bottom graphics to touch the middle so that it is all connected. Here is a link to the CSS: http://www.arabian-horses-west.com/testcss.html Any help would be greatly appreciated. Thank You, Christie You have a few problems that are keeping the images from meeting your content area. You give padding to all images after defining special styles for .topbarimg and .bottombarimg. In order for those styles to be applied and override the styles you put on img you need to put them AFTER the img styles in the CSS. There's no reason to have .topbarimg relatively positioned. I'm also not sure what you're trying to achieve with top:25px; on that, but if you really want it 25 pixels from the top of the viewport, you can just give it a top-margin. Change your HTML to put the .topbarimg and .bottombarimg classes on the paragraphs that contain them. Then set those styles to margin:0 auto; and padding:0; Paragraphs have margins created by the browser, so if you don't specify your own, each browser will have its own way with them. good luck! j __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
DAVOUD TOHIDY wrote: On Date: Thu, 6 Mar 2008 00:23:09 Richard Grevers wrote: and the right column will start to vanish. Actually this was the only reason made me to reply to your psot. What do you mean by that? and why would you want right column to vanish? regards, davoud Because Richard may not been concerned if the right column begin to vanish when the viewpoint is under a certain width. This could be 760px wide for a 800px by 600px screen resolution. This is the extent of my support. Mobiles etc would require a different style sheet. Richard, play around with this layout by Alex Robinson. http://www.fu2k.org/alex/css/onetruelayout/example/rtl and the fix to prevent the space showing on the right (vanished part which is scrollable) when the viewpoint is really narrow may be similar to this. min-width:760px; max-width:1300px; Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creeping form controls in IE6/7
Holly Bergevin wrote: From: Scott Sauyet [EMAIL PROTECTED] It's great to see your name back on this board. Thanks, it's great to be back. I don't know how long I'll stay; I find that I can only manage to keep up with one relatively high-volume list at a time and still do my day job. Maybe this will be that one for a while... http://scott.sauyet.com/issues/2008-03-04a/ In IE7, IE6, and IE5.5, all on XP, When you hover onto or off of the top menu item, the text box and button move down the page. They keep doing this; It seems I've come late to the bug-squashing party. Darn. Alan and Gunlaug have offered simple fixes, but I'd love to see any analysis of what's happening. I'm still hoping to do a little of that myself this week. Has anyone seen this behavior? Yes, probably, based on your description only. I may have even kept the page somewhere. I don't think there was ever a solution found for the other case I've seen. I will have to hunt around my computer and see what I can find, and see if Alan's fix works for that version (assuming I have it, that is). I'm glad you got a solution for your problem. Now don't be a stranger! I'll try. cue sounds of rummaging through old files Hey, if you're good at finding the suckers, I have some missing Javascript... :-) Cheers, -- Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
Netscape 4.X here... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mark Story Sent: Wednesday, March 05, 2008 12:36 PM To: 'CSS' Subject: [css-d] Oldest Browser Currently Testing for It seems that my perception of in the wild browsers was a bit off. As I consider IE 5 for mac to be deceased, however it seems to be alive and kicking for some. So I just wanted to get an idea of what the oldest browser you are currently testing for is? And how are you targetting them? Hacks, conditional comments, other techniques? -Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
On 6/03/2008, at 7:03 AM, Rick Faircloth wrote: As far as IE goes, I test for IE6 and IE7, nothing lower. My data shows no visitors ever coming to my sites with anything less than IE6. And if they do, well, it's just time for an upgrade. I'm not jumping through that many hoops to accommodate so few IE 5 users. And I make liberal use of conditional comments for IE. In the years to come, as standards and browser capabilities change, conditional stylesheets are much easier to change than hacks, which are no future-proof, either. Rick -Original Message- From: [EMAIL PROTECTED] [mailto:css-d- [EMAIL PROTECTED] On Behalf Of Mark Story Sent: Wednesday, March 05, 2008 12:36 PM To: 'CSS' Subject: [css-d] Oldest Browser Currently Testing for It seems that my perception of in the wild browsers was a bit off. As I consider IE 5 for mac to be deceased, however it seems to be alive and kicking for some. So I just wanted to get an idea of what the oldest browser you are currently testing for is? And how are you targetting them? Hacks, conditional comments, other techniques? -Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ I have recently updated our policies regarding this, after much examining of logs of sites we've developed. For IE it is now 6 upward as well, with a check to ensure it renders ok in 5.5, and that it is readable, if not reference rendering. In fact, the only mention of IE below 6 was in a discussion forum, for which the lone user of Mac IE5.2 on OS 9 could change the theme to another which rendered fine, so no issue there. Keep in mind this is more representative of the type of sites we do, than the internet as a whole, and the ultimate answer is for the developer to examine logs, and their own ideas of what they're comfortable with. We still use conditional comments for IE6 for functionality as far as transparent PNGs and a few other small aspects go, but the 'ie' stylesheet has become much shorter than it used to be. Karl mothership - http://mothership.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
I test for SIMILAR results on Firefox2, ie6, and ie7 on pc along with safari on the mac and Konq on linux I test for 'acceptible' for ie5.5 on pc, opera, and ie5.5 on the mac __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
Virtualization is great for this sort of thing; however, specifically what I do is. Opera and Netscape The browsers allow for multiple versions coexisting on the same machine. Firefox I use a virtualization program for different older browser; however, there are tips online for getting two separate installations to work at the same time. It's relatively painless. Internet Explorer I download the Multiple Ies program. Safari I've noticed tends to behave similar enough to Opera that it doesn't need to be tested as much (except Javascript). Generally I test Opera 9+, Netscape 7+, IE5.5+, Firefox 1+, Safari 1+ which makes up the overwhelming majority of users that I care about. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
I test for SIMILAR results on Firefox2, ie6, and ie7 on pc along with safari on the mac and Konq on linux I test for 'acceptible' for ie5.5 on pc, opera, and ie5.5 on the mac Ditto here. Basic content can be viewed testing for anything less than IE6, FF2, Safari 1.2, or Konquerer (can't recall version). On the lower end stuff, we just run in through browsershots.org and/or browsercam.com for legible deprecation (not layout) on these older ones. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creeping form controls in IE6/7
Gunlaug Sørtun wrote: Scott Sauyet wrote: http://scott.sauyet.com/issues/2008-03-04a/ In IE7, IE6, and IE5.5, all on XP, I'm seeing something bizarre. [ ... ] http://www.gunlaug.no/tos/alien/scs/test_08_0305.html ...based on the effect well-placed 'hasLayout' triggers have on elements in IE/win. Otherwise no changes from the original. It's perfectly stable in IE6/7, but I can't check in IE5/5.5. Interesting, and quite simple. Any ideas on *why* hasLayout on the link affects the position of an element some distance away? I just love IE! Thanks for the help, -- Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
Hernly, Lee wrote: Netscape 4.X here... When testing with an older browser such as netscape 4.x are you looking for identical results to current browsers. Or just 'good enough' results? -Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3 cols layout: this time, fixed-width center col and liquid lateral columns
Hello, After a couple of days of searching the internet and asking around I'm almost convinced that either nobody needed that before either nobody has got a result on the matter. What do you think? Is it possible to have such a layout? The center column will have a fixed width and be centered in the browser while the left and right columns will take whatever space is left on the sides. Thank you, Grig __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Typoantialiasing problem on Mac.
On 06/03/2008, at 4:43 AM, Mark Slosarek wrote: Windows and Macs just render fonts differently: http:// www.codinghorror.com/blog/archives/000884.html And this one: http://www.codinghorror.com/blog/archives/000885.html I have strange Problem on Firefox (MAC) on some sites i programm. The complete Typo is looking extremly bold or bolder than on my pc. They go to reinforce an almost ancient web philosophy - do not get too hung up on trying to replicate a print design philosophy. There are too many variables that cannot be controlled, right down to the contrast or colour adjustment of a users screen or the vagaries of different browser rendering engines. If you can accept that things will look different, and be prepared to accept some variation, you will loose a lot less sleep. Regards, KathyW. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creeping form controls in IE6/7
Scott Sauyet wrote: Interesting, and quite simple. Any ideas on *why* hasLayout on the link affects the position of an element some distance away? The 'hasLayout' team's collective set of ideas can be found here... http://www.satzansatz.de/cssd/onhavinglayout.html The main effect is that 'hasLayout' stiffen up and straighten out, and also _isolates_ an element from its surroundings. In so doing the edges of each element becomes much better defined and clear-cut, and thereby also the effects elements have on each others in IE/win -- including margins, offsets and positioning. May I add that 'hasLayout' is a constructed bug, a kludge, implemented in IE/win to counteract the worst effects of a huge number of real calculation bugs in the old Trident engine. As such 'hasLayout' can easily do as much damage to a layout as it can do good, and should only be used when there are few or no other options, and only when one can perform thorough testing to avoid negative side-effects. There are of course also cases where 'hasLayout' simply can not be avoided even if it causes damage, since there are so many potential triggers - as the 'hasLayout' article clearly shows. This is when designing in IE/win can become really problematic. I just love IE! Strange love ;-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
Ok, I have selected a reasonable starting point from layoutgala and started modifying but struck an imapasse and what looks like an Opera bug. Please check out http://www.dramatic.co.nz/layoutlab/3col_fixed_minliq_fixed/index.html and the two subsequent steps. (Fully annotated on the pages). -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3 cols layout: this time, fixed-width center col and liquid lateral columns
Cristian Grigoriu wrote: After a couple of days of searching the internet and asking around I'm almost convinced that either nobody needed that before either nobody has got a result on the matter. What do you think? Is it possible to have such a layout? The center column will have a fixed width and be centered in the browser while the left and right columns will take whatever space is left on the sides. This one has been around for a while... http://www.gunlaug.no/tos/moa_9c.html ...but I've found no need for it. Then we have these later variants with various source-code order... http://www.gunlaug.no/tos/moa_27c.html http://www.gunlaug.no/tos/moa_27b.html http://www.gunlaug.no/tos/moa_27a.html ...but I haven't found any need for them either. Have fun. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] THis layout must exist somewhere...
On Mar 6, 2008, at 9:21 AM, Richard Grevers wrote: Ok, I have selected a reasonable starting point from layoutgala and started modifying but struck an imapasse and what looks like an Opera bug. Please check out http://www.dramatic.co.nz/layoutlab/3col_fixed_minliq_fixed/index.html and the two subsequent steps. (Fully annotated on the pages). Gecko 1.9 and Safari 3: when the window gets real small, the right sidebar covers the middle column. At a minimum, you might want a min- width on body. Philippe --- Philippe Wittenbergh http://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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [OT] RE: Typoantialiasing problem on Mac.
There are too many variables that cannot be controlled, right down to the contrast or colour adjustment of a users screen I flagged this as OT, because the above comment reminded me of an incident from last year that I wanted to pass along as anecdotal info. A video producer came by my office and look at several of the LCD monitors in the office commenting, Ugh. LCD monitors. And they're not color calibrated. Nothing looks like it should. It's all wrong! Don't you care? Well, yes, I care very much. To which I asked him if he went around to all of the end-user's offices and created calibrations for their monitors so that they were seeing his work as it should be seen? He looked at me like I had sprouted a second head, and was clearly perturbed by my snippy retort. I then went on to tell him, that I liked the monitors the way they were, because that's how they worked out of the box -- except for some minor fiddling of the contrast/brightness controls. And, most important, IMO, is that's what the vast majority of users do. I do not know of anyone, except for a few professionals -- artists, print designers, and photographers -- that calibrate their monitors. For me, what is most important is that what I am looking at on the screen -- regardless of whether it is color accurate or not -- is that it is more likely to be what one of our end-users is also looking at. Sorry, but that last post by Kathy, compelled me to share this. ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Non-image list-style-type coloring?
Jeff Blaine wrote: I don't see a CSS2 way to apply a color to JUST the list item marker (disc, square, whatever). Have I missed it? I don't want to use an image. I just want to make the list item marker itself 20% less imposing by lightening it relative to body text color. Yeah, CSS2 doesn't have it. It should be possible in CSS3. (Same with changing the list marker to something arbitrary.) Unfortunately the CSS3 Generated Content module isn't actively edited right now. I'm hoping to get to it once Backgrounds and Borders is in CR. Depending on what exactly you want to do, you might be able to work around the problem by using :before li { display: block; } li:before { content: [bullet]; color: [color]; display: inline-block; width: 1em; margin-left: -1em; } but I believe this won't work in IE. ~fantasai __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Is there a way I can make my navbar ul element expand vertically to 100% height on the page http://www.choicesmissoula.com/resources/index.html so that the orange background will take up that whole vertical space? The only way I've been able to achieve this on other pages is to make a whole bunch of non-breaking spaces. Thanks in advance :) Becca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] expand element to 100% height
Sorry, I sent this before with no subject Is there a way I can make my navbar ul element expand vertically to 100% height on the page http://www.choicesmissoula.com/resources/index.html so that the orange background will take up that whole vertical space? The only way I've been able to achieve this on other pages is to make a whole bunch of non-breaking spaces. Thanks in advance :) Becca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] expand element to 100% height
Rebecca Richter wrote: Is there a way I can make my navbar ul element expand vertically to 100% height on the page http://www.choicesmissoula.com/resources/index.html so that the orange background will take up that whole vertical space? Becca One way is to create a faux column. See http://www.alistapart.com/articles/fauxcolumns/ Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] expand element to 100% height
Rebecca Richter wrote: Is there a way I can make my navbar ul element expand vertically to 100% height on the page http://www.choicesmissoula.com/resources/index.html so that the orange background will take up that whole vertical space? Adding... #mainarea { overflow: hidden; } * html #mainarea { overflow: visible; } #navbar { margin-right: -20px; padding-bottom: 2000px; margin-bottom: -2000px; } #footer { position: relative; } ...will create the illusion you're after. I've also included a limited countermeasure for the dropping navbar on font-resizing problem your page has across browser-land. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Non-image list-style-type coloring?
Jeff Blaine wrote: I don't see a CSS2 way to apply a color to JUST the list item marker (disc, square, whatever). Have I missed it? I don't want to use an image. I just want to make the list item marker itself 20% less imposing by lightening it relative to body text color. The only way you can get that to work across browser-land today, is to declare a suitable color in the list-item - the color for the list marker, add a span or other element inside the list-item to hold its content and declare another suitable color on that. The illusion will be near perfect, but you have to have that extra element in there. Side question: Barring a solution above, how do I use a chosen character as the list item marker? I've seen people use those '' glyphs before (something;), but don't know how to do it in this context. You can of course fake it visually by using 'list-style: none' and float an element with the '' into the list markers place, in which case you'll have total control over its color and won't need the first solution. This is a bit too much of a fake IMO, but it'll work. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] navbar questions
Hi! I'm trying out the Sons of Ursidae menus (http://css-class.com/articles/ursidae/). This method is working o.k., but I have 3 problems with it: My design breaks when font size is increased Navigation tabs are not centered on the page (how can I do this?) Not enough of a margin below navigation bar (I've tried adding margin and padding to the bottom of the bar, but this had no effect) Thanks :) Becca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Menu Open Links in Content Div
On Wed, 5 Mar 2008 09:18:29 -0600, Gizmo wrote: I'm having a problem with navigation. I'm using a faux two column css layout right now The top bar is main navigation The left sidebar has a vertical navigation menu The right side/center is the Content Div which is where i want the links on the left to open I do not want the top navigation to open there, only the left navigation But i cannot figure out how to do this Css is new to me and I've been searching various forums and trying target tags but target seems to be useless I think you may be referring to frames, where the links in one frame (the left) alter content in another frame (right/center). This is an HTML question - nothing you can achieve with CSS as far as I know. Sorry. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Non-image list-style-type coloring?
On Wed, 05 Mar 2008 11:18:52 -0500, Jeff Blaine wrote: I don't see a CSS2 way to apply a color to JUST the list item marker (disc, square, whatever). Have I missed it? I don't want to use an image. I just want to make the list item marker itself 20% less imposing by lightening it relative to body text color. Try this: HTML ul lispanLink text/span/li ... /ul CSS ul {color:#666;} ul span {color:#000;} ... or something like that. Side question: Barring a solution above, how do I use a chosen character as the list item marker? I've seen people use those '' glyphs before (something;), but don't know how to do it in this context. raquo; perhaps, used inside the LI with list-style-type: none;? Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/