[css-d] nested divs-margins getting violated in ie
I am working with nested divs. On setting the margins of level-3 div w.r.t. level-2 div, the margins of level-2 div w.r.t. level-1 div are getting disturbed in ie. No Problems in Firefox. Rohit __ 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] IE6 - Background color ignored
At 11:15 PM 10/3/2007, Gunlaug Sørtun wrote: Erik Harris wrote: Can someone please glance at www.harriswholehealth.com and see if you can figure out why the header background displays as plain white in Internet Explorer 6 (when the window is expanded to greater than its minimum width)? The addition of a 'hasLayout' trigger... Thanks for the quick rsponse, Georg! Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.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] some text is rendering different between browsers..
Hello, I have what I am sure is a common question here, I am learning the ropes and I am stuck, my source renders fine in Firefox but it does different stuff in IE6. http://www.johnkehm.com/kona I put borders around the areas in question. I want it to look like it does in Firefox. Any help will be a big relief. Thank you, John here is the CSS that is killing me: #rightCopy{ width: 345px; height: 205px; font-family: verdana, sans-serif; color: #444; float: left; background: url(images/grinder.jpg) no-repeat 45px 0px; border: 1px solid #ccc; } #rightCopy p{ margin-top: 0px; padding: 0; } .homeFloatRight{ width: 180px; margin: 0 0 15px 0; padding-left: 15px; float: right; letter-spacing: -1px; font-family: verdana, sans-serif; font-size: 16px; color: #0d5168; background: url(images/star.gif) no-repeat 0 17%; border: 1px solid #ccc; } .homeFloatRighta{ margin: 7px 0px 5px 0; padding-left: 25px; letter-spacing: -1px; font-family: verdana, sans-serif; font-size: 16px; color: #c2184c; font-weight: bold; text-decoration: none; background: url(images/link_arrow.gif) no-repeat 0 17%; border: 1px solid #ccc; } #rightCopy a{ width: 155px; float: right; margin: 17px 0 0 0; border: 1px solid #ccc; } } .clear{ clear:both; } __ 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] 2 problems: text shoving and IE6 oddity
Good morning list, Walt wrote: One possible fix: declare a width for #masthead. hmm, seems that didn't fix it Walt: no matter what width i declared, the problem still remained. Gunlaug wrote: Position h1 relative to the left side. Gunlaug, i noticed in your example it was still positioned absolute...? Giving it position absolute with a left of 900 px did it for me but i'm not sure wether is has to be relative or absolute. Delete the width on #wrapper you have given IE6. Great, that did it for IE. Could you elaborate as to why so i can understand the reasoning behind it? IE6 also suffers from the italic bug, which you can try to control... Tnx Gunlaug... that's what you get for page filling lol. -- Best regards, Luc Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Envy plus rhetoric equals social justice. - Thomas Sowell. __ 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] Changing Width
Hi; I'm trying to incorporate a drop-down menu that relies on CSS but was not designed for using images. I need to alter the width for each li elt. in order to get it to accommodate different sized images. Here is my code for li elts globally: #TJK_dropDownMenu li { ?cursor:pointer; ?float:left; ?width:20.23em;? ?max-width:25.0%; ?text-align:center; ?list-style-type:none; ?font-weight:bold; } Here is code for displaying a given elt: li id=ABa href=whateverimg src=whatever/a/li Now, I'd like to write code specific to that id AB that changes the width and max-width elts. Easy if you know what you're doing, but I clearly don't :( .AB li { ?width:2.23em;? ?max-width:2.5%; } does not work. I've fumbled around with a few variants with no success. A pointer, please! TIA, Tony Email and AIM finally together. You've gotta check out free AOL Mail! - http://mail.aol.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] 2 problems: text shoving and IE6 oddity
Gunlaug wrote: Position h1 relative to the left side. Gunlaug, i noticed in your example it was still positioned absolute...? Giving it position absolute with a left of 900 px did it for me but i'm not sure wether is has to be relative or absolute. There's no definitive answer to that question, as 'absolute', 'relative' or 'static' (default) may work - depending on how you organize source code and CSS and design-ideas. You may also float the h1 and position it with margins - positive and/or negative. You can also give h1 a fixed width and align the text to the right, and it may work just fine. So, what do you want? Delete the width on #wrapper you have given IE6. Great, that did it for IE. Could you elaborate as to why so i can understand the reasoning behind it? You have declared a 'min-width' for other browsers, and it looked like you tried to replicate that in IE6 by giving it a 'width'. Although 'height' function as 'min-height' in IE6, 'width' does not function as 'min-width'. So what you gave IE6 was a fixed width on a right-floating element, which it obeyed to the letter and gave you exactly the line-up you asked for - but didn't want. (Be careful with what you ask for - you may actually get it :-) ) IE6 also suffers from the italic bug, which you can try to control... Tnx Gunlaug... that's what you get for page filling lol. Nothing escapes browser-bugs :-) 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] best menu for safari
Don Stefani [EMAIL PROTECTED] 10/3/2007 11:35 AM Hello, I am going to have need for a pop out menu for an intranet that runs safari 3 as their house browser. I looked in the Wiki but didn't see anything mentioned. Any favorite CSS based ones,.. that don't break in Safari? Yes. These two (one vertical, one horizontal): http://www.seoconsultants.com/css/menus/horizontal/ http://www.seoconsultants.com/css/menus/vertical/ Here are some implementations I've designed based on those templates: http://www.boisestate.edu/distance/ stylesheet: http://www.boisestate.edu/distance/styles/main.css http://ppa.boisestate.edu/ stylesheet: http://ppa.boisestate.edu/common/ppa.css http://izann.com/studentservices/ (this is a prototype at the moment) stylesheet: http://izann.com/studentservices/styles/main.css http://linkingdots.com/ stylesheet: http://www.linkingdots.com/include/style.css Hope that's useful to you. -- Ann Randall __ 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] some text is rendering different between browsers..
Julian Tulip's Licorice wrote: I have what I am sure is a common question here, Yes, it is fairly common. It is known (by some of us) as the print on screen syndrome, and it always leads to failure. http://www.johnkehm.com/kona I put borders around the areas in question. I want it to look like it does in Firefox. Any help will be a big relief. I'm not sure about that, because what I see in Firefox is definitely *not* what you want it to look like in IE/win. Before attempting to make anything look the same across browser-land, you should see what happens when your document is subjected to font-resizing in browsers. Options like 'minimum font size' and IE/win's 'ignore font sizes' should not be forgotten... http://www.gunlaug.no/contents/wd_1_03_04.html Ignoring these factors is a recipe for complete failure. Leaving the source code in such a sorry state... http://validator.w3.org/check?uri=http://www.johnkehm.com/kona/ ...also assures complete failure. 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] 2 problems: text shoving and IE6 oddity
Good afternoon Gunlaug, It was foretold that on 4/10/2007 @ 17:06:46 GMT+0200 (which was 12:06:46 where I live) Gunlaug Sørtun would write: snipped a bit There's no definitive answer to that question, as 'absolute', 'relative' or 'static' (default) may work - depending on how you organize source code and CSS and design-ideas. You may also float the h1 and position it with margins - positive and/or negative. You can also give h1 a fixed width and align the text to the right, and it may work just fine. Ah, now it makes sense... many solutions to 1 question lol... but it gives me something to play with. I thought there was an absolute rule to things in this case :-) You have declared a 'min-width' for other browsers, and it looked like you tried to replicate that in IE6 by giving it a 'width'. Although 'height' function as 'min-height' in IE6, 'width' does not function as 'min-width'. right, forgot about that one!!! So what you gave IE6 was a fixed width on a right-floating element, which it obeyed to the letter and gave you exactly the line-up you asked for - but didn't want. IE6 doing what it's supposed to do... what a surprise lol (Be careful with what you ask for - you may actually get it :-) ) yeah, once in a while ;-) IE6 also suffers from the italic bug, which you can try to control... Nothing escapes browser-bugs :-) indeed... -- Best regards, Luc _ Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Only dead fish go with the flow. __ 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] unexpected Firefox behavior
Philippe Wittenbergh wrote: On Oct 4, 2007, at 2:02 PM, Erin Spangler wrote: I'm seeing some expected behavior in Firefox and (gasp!) IE is displaying the page correctly. I've validated my page. As the code is written, I would expect the first two (vertical #3 and #4) images to float to the right and the third (horizontal #5) image would wrap around and end up under the larger main image. Browsercam shows IE and opera displaying it as expected and Firefox and Netscape are somehow bringing the third image up and over the top of the first two??? ... Relevant HTML: (http://www.bluegenefrenchies.com/french-bulldog- girls.html) The large image on the left (sweetpea-metal2.jpg) in a p with class floatleft is pushing down the two images in the p with class floatright. Correct behaviour. Then the 3rd image (sweetpea- metal5.jpg) moves up and to the right of the image #2, that sounds correct as well. iCab, WebKit and Safari all show the same thing. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com Hi Philippe I would disagree with you on your last point since the 3rd`image is layered over a float and I believe that should only happen if the 3rd image had a negative bottom margin. Having done a test [1], I would believe that Opera shows the correct behavior and it is the ambiguous nature of the markup that leads to the wrong behavior as seen in FF, iCab, WebKit and Safari (I can only check in FF). IE as 'usual' is just showing it's bugs with hasLayout and floats. Erin, you will find three possible solutions in the source. All changes in style are inline. [1] http://css-class.com/test/imagesoverfloats.htm Kind Regards, 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] 2 problems: text shoving and IE6 oddity
Luc wrote: Ah, now it makes sense... many solutions to 1 question lol... but it gives me something to play with. I thought there was an absolute rule to things in this case :-) You're probably looking for best practices, which may be good to have at times but which shouldn't be taken too far. There are basic web standards, and they can be seen as absolute rules in a sense. Some parts of those standards sometimes even work as intended by those who created them - in some browsers. However, trying to apply absolute rules to how to use basic standards, is the same as limiting design-possibilities for the sake of simplicity. I see no point in such limitations, so I keep all parts of those standards at hand, and mix them as I find necessary for solving each case. The only limitation I accept is that it has to work. To me this means work as intended in all standard compliant User Agents, which is not the same as work identical in all User Agents. So, it always comes down to design-choices, and the more you know about those standards - and User Agents, the better design-choices you can make. 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] 2 problems: text shoving and IE6 oddity
Good afternoon Gunlaug, It was foretold that on 4/10/2007 @ 19:06:35 GMT+0200 (which was 14:06:35 where I live) Gunlaug Sørtun would write: snipped a bit You're probably looking for best practices, which may be good to have at times but which shouldn't be taken too far. However, trying to apply absolute rules to how to use basic standards, is the same as limiting design-possibilities for the sake of simplicity. So, it always comes down to design-choices, and the more you know about those standards - and User Agents, the better design-choices you can make. Indeed, i find myself sometimes trapped in thinking inside the box instead of outside. -- Best regards, Luc _ http://www.dzinelabs.com Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The good ended happily, and the bad unhappily. That is what Fiction means. - Oscar Wilde. __ 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] Problems with printing in Firefox
I'm very new to CSS and I'm hoping that list members might be able to help me. I've redone a small site (www.local-history.co.uk/nlha) for a voluntary organisation, using CSS, and everything seemed to go pretty well, with both the CSS and the mark-up being validated successfully. I've loaded the site successfully in Safari and Firefox in OS X and in Firefox and IE in Windows XP but when I came to try and print out the 'How to join the Association' page I couldn't get Firefox in either OS X or in Windows to co-operate. Both Safari in OS X and IE in Windows XP printed it without any problems, but Firefox in OS X just printed a blank page and Firefox in Windows XP printed one of each of the page title, the URL, the date and '1 of 1' at one of the four corners of the page. Firefox is my favourite browser in both OS X and Windows, so I've been very surprised by this problem. Any advice or observations which list members can offer would be much appreciated. I've been wondering whether the problem has been caused by my using a content wrapper to centre the whole page in the browser window? The style-sheet is at www.local-history.co.uk/nlha/global.css. Many thanks Susan Griffiths __ 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] Hosted, Site-Specific User Stylesheet
I've had this idea brewing in my head for a while now concerning user style sheets and I thought I'd run it by the list and get some feedback on the idea. The issue I'm trying to address, is that people who use user style sheets usually have site-specific style sheets but they can only be applied via the browser (natively or with extensions). This means that if one had multiple machines, the user style sheet would have to be saved on each machine, which may not even be possible (public access computers, for instance). This led to the idea of having hosted user style sheets, where the web application stored the style sheet along with the rest of the user's profile information. Therefore, whenever, wherever and however the user signed on, the user styles would take hold. Obviously, this introduces serious potential security risks. Without any intensive research, my initial idea is to simply run any user styles through a CSS validator and to reject anything that isn't fully valid. This should keep users from being able to inject javascript, etc. Although before this is ever implemented, serious security testing would be done. Any thoughts or comments on this idea? ~ Jason __ 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] Hosted, Site-Specific User Stylesheet
It's an interesting idea... it's like userstyles.org but without the requirement of the Stylish extension (AFAIK only Fx). But there's something I don't quite understand, how would you apply those styles? If you want that to be browser-independent the only way I see is for the site to apply itself, meaning you would need both parts, the site owners and the users, to sign in in your site (which, although not impossible, would limit your site a lot). I mean, the site owners would be giving your site basically total control over their layout, and this seem to be quite risky for them ---there would be no need to crack any of those sites if they can break yours. On the other hand, this could be well received for small, personal and some adventurers out there :) Jason Karns wrote: I've had this idea brewing in my head for a while now concerning user style sheets and I thought I'd run it by the list and get some feedback on the idea. The issue I'm trying to address, is that people who use user style sheets usually have site-specific style sheets but they can only be applied via the browser (natively or with extensions). This means that if one had multiple machines, the user style sheet would have to be saved on each machine, which may not even be possible (public access computers, for instance). This led to the idea of having hosted user style sheets, where the web application stored the style sheet along with the rest of the user's profile information. Therefore, whenever, wherever and however the user signed on, the user styles would take hold. Obviously, this introduces serious potential security risks. Without any intensive research, my initial idea is to simply run any user styles through a CSS validator and to reject anything that isn't fully valid. This should keep users from being able to inject javascript, etc. Although before this is ever implemented, serious security testing would be done. Any thoughts or comments on this idea? ~ Jason __ 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] Hosted, Site-Specific User Stylesheet
Jason Karns wrote: I've had this idea brewing in my head for a while now concerning user style sheets and I thought I'd run it by the list and get some feedback on the idea. This is a neat idea. I have no input at all on the technical side of things, but usability-wise I would love to see this have a community/ social aspect, so people can use each others' style sheets and perhaps vote or comment on them as well. Imagine the fierce the competition to be the most popular re-skin of Craigslist or MySpace. -jason -- http://jasondas.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] Hosted, Site-Specific User Stylesheet
Rafael wrote: If you want that to be browser-independent the only way I see is for the site to apply itself, meaning you would need both parts, the site owners and the users, to sign in in your site (which, although not impossible, would limit your site a lot). I mean, the site owners would be giving your site basically total control over their layout, and this seem to be quite risky for them ---there would be no need to crack any of those sites if they can break yours. On the other hand, this could be well received for small, personal and some adventurers out there :) CSS can’t ‘break’ sites: It's completely presentational and functionally harmless. Things with a far greater degree of power already exist [http://www.cssfly.net]. I'm not sure how useful an idea this is. I've been thinking recently about the possibility of developing some clever algorithm to make sites printer-friendly: I like to print out lengthy and interesting articles from my favourite zines and blogs, and often end up using the FF developer toolbar[https://addons.mozilla.org/en-US/firefox/addon/60]'s CSS editor to put a display:none on navigation, adverts, forms, comments. Mind you if this is an extended application of an already succesful premise, it must be worthwhile. So sell your idea to a serious back-ender. The notion that modifying CSS might cause security worries doesn't bode well for how far you've envisioned the technology! Regards, Barney __ 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] Problems with printing in Firefox
I have found that, while both the IE and FF print engines can be buggy and produce different results than the screen, the FF engine is by far the worst, and quite unpredictable. It's been a year or so since I've had to regression-test printing in FF, but I would suggest starting by taking all the positional stuff out of your css (floats, absolutes, etc) and then add it back incrementally so you can see where things are breaking down. Once you find the gremlin(s), you can use the @media function to feed different CSS to the print engine vs the display. You may also need to make the print-only css different for IE and FF, so you will need to us the IE conditional style sheet approach. Good luck. You aren't alone, but from my experience very few websites are actually tested with regards to printing, so it's a bit of a black art. Alan K. Gay www.buymetrics.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Editors Sent: Thursday, October 04, 2007 12:17 PM To: css-d@lists.css-discuss.org Subject: [css-d] Problems with printing in Firefox I'm very new to CSS and I'm hoping that list members might be able to help me. I've redone a small site (www.local-history.co.uk/nlha) for a voluntary organisation, using CSS, and everything seemed to go pretty well, with both the CSS and the mark-up being validated successfully. I've loaded the site successfully in Safari and Firefox in OS X and in Firefox and IE in Windows XP but when I came to try and print out the 'How to join the Association' page I couldn't get Firefox in either OS X or in Windows to co-operate. Both Safari in OS X and IE in Windows XP printed it without any problems, but Firefox in OS X just printed a blank page and Firefox in Windows XP printed one of each of the page title, the URL, the date and '1 of 1' at one of the four corners of the page. Firefox is my favourite browser in both OS X and Windows, so I've been very surprised by this problem. Any advice or observations which list members can offer would be much appreciated. I've been wondering whether the problem has been caused by my using a content wrapper to centre the whole page in the browser window? The style-sheet is at www.local-history.co.uk/nlha/global.css. Many thanks Susan Griffiths __ 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] IE 6 Column Hack Help Needed
I'm having trouble getting a third column on these pages (see link below) display properly in IE6. I'm sure it is just an issue of a simple IE hack, but I can't see the forest for all the trees. The right column keeps showing up at the bottom of the other two columns. I'm a novice CSS coder, so please be specific as to what needs changing. Here are the offending pages: http://radiant.publishpath.com/services http://radiant.publishpath.com Thanks for the help, Frank McClung Drawingonthepromises.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] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Hi all, Is there a resource anyone is familiar with where I might find a list of browsers that support the cursor: CSS directive? TIA, ~Ray -- Non scholae sed vitae discimus __ 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] unexpected Firefox behavior
Alan Gresley wrote: Philippe Wittenbergh wrote: On Oct 4, 2007, at 2:02 PM, Erin Spangler wrote: Relevant HTML: (http://www.bluegenefrenchies.com/french-bulldog- girls.html) The large image on the left (sweetpea-metal2.jpg) in a p with class floatleft is pushing down the two images in the p with class floatright. Correct behaviour. Then the 3rd image (sweetpea- metal5.jpg) moves up and to the right of the image #2, that sounds correct as well. iCab, WebKit and Safari all show the same thing. Hi Philippe I would disagree with you on your last point since the 3rd`image is layered over a float and I believe that should only happen if the 3rd image had a negative bottom margin. Having done a test [1], I would believe that Opera shows the correct behavior and it is the ambiguous nature of the markup that leads to the wrong behavior as seen in FF, iCab, WebKit and Safari (I can only check in FF). IE as 'usual' is just showing it's bugs with hasLayout and floats. [1] http://css-class.com/test/imagesoverfloats.htm Indeed Gecko and Safari seem to have a small problem with this type of construction. I haven't looked too carefully, but for Gecko it may be related to this bug [1]. Essentially when they position the third image (inline inside a not floated paragraph) they only look at the first float to decide how to displace it. But since it vertically clashes with the second float they should take that second float into account as well. BTW, the problem also shows up with simple text (when using suitable dimensions). See this test case [2]: the non-floated text partially overlaps the second float (change font-size if necessary to make the problem more evident.) Bruno [1] https://bugzilla.mozilla.org/show_bug.cgi?id=25888 [2] http://www.brunildo.org/test/test/Gecko2floatop.html -- Bruno Fassino http://www.brunildo.org/test __ 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] Hosted, Site-Specific User Stylesheet
Barney Carroll wrote: CSS can’t ‘break’ sites: It's completely presentational and functionally harmless. Things with a far greater degree of power already exist [http://www.cssfly.net]. [...] So sell your idea to a serious back-ender. The notion that modifying CSS might cause security worries doesn't bode well for how far you've envisioned the technology! Yes, that's how it should be, but you must take IE into consideration, and then everything changes. Remember expression? Do you know what it does? Haven't you heard / read of any vulnerability regarding this feature? BTW, I like the Stylish idea better than CSS Fly, but that's just a matter of taste :) --and what browser you use. Regards, Rafael. __ 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] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Ray Leventhal wrote: Is there a resource anyone is familiar with where I might find a list of browsers that support the cursor: CSS directive? http://www.webdevout.net/browser-support-css 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] List with two checkboxes
I am trying to find the less-is-more approach to the following example. My goal is to have a list or definition list with two checkboxes floating to the right. I'd like to know if there exist a better/cleaner solution. Regards, Matt !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleTest/title style type=text/css div { clear:both; } dl { width:300px; } dd { float:left; margin:0; padding:0; } dt { float:right; } /style /head body div dl dd labelSome Text span(other text)/span/label /dd dt input id=el4 type=checkbox value= / input name=el4 type=checkbox value= / /dt /dl /div div dl dd labelSome Text span(other text)/span/label /dd dt input id=el5 type=checkbox value= / input name=e15 type=checkbox value= / /dt /dl /div /body /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/
Re: [css-d] some text is rendering different between browsers..
Julian Tulip's Licorice wrote: Hello, I have what I am sure is a common question here, I am learning the ropes and I am stuck, my source renders fine in Firefox but it does different stuff in IE6. http://www.johnkehm.com/kona I put borders around the areas in question. I want it to look like it does in Firefox. Any help will be a big relief. Thank you, John John, Georg Sortun has already spelled out the problems. This is /one/ way to resolve some of them [1]. Note that you'll want to use real text. But if you are compelled to doing a client driven photoshop thingy bites tongue, you'll need to provide an image replacement technique-- search engines and text-browsers are unable to read text set as an image. A fair test for structural purposes is the layout should hold at least a +2 font-scaling in compliant browsers, and text-size largest in the 'evil one.' [1] http://www.chelseacreekstudio.com/ca/cssd/fish/fish.html Best, ~dL __ 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] Safari Mac site check?
I've asked a few questions about the site I've been working on for my wife. I've got one more, but it's not terribly specific... or at all specific. The site is http://www.harriswholehealth.com/ One of her colleagues is a Mac user, and she emailed my wife saying that, both from her work Mac and her home Mac, she's unable to get to the site. She's not nearly computer-literate enough to provide a reasonable description of what the problem is (she says her server is Safari, and she just get[s] bumped off). I suspect there's nothing wrong with the site and that something is wrong with her Internet connection or her own computer, but I was hoping that someone with Safari on a Mac could check it out so I could be sure. The xhtml for the page (WordPress-generated) validates, and while the CSS doesn't, as far as I can tell, all of the errors are hacks to make things work in Internet Explorer and Mozilla-based browsers, and given that CSS calls for a browser to ignore unknown/invalid values, should not pose problems (and all but one of them are for the contact form plugin and shouldn't affect the site's main page). I've been testing in Firefox 2, IE6, and IE7, and aside from IE6's ignorance of the min-width value (which should be a problem for very, very few users), it seems to be displaying as expected in all three. Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.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] :: camino-- image border issue ::
The Creative Director is not happy. The left border is missing around his picture (bottom of center panel). http://www.chelseacreekstudio.com/index.html Thanks, ~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] :: camino-- image border issue ::
I had similar problem with Camino once . Wrap the img in a p or div does the trick. pimg class=c5 src=ca/site/images/thumbs/self.jpg alt= width=175 height=245 //p Hope this helps! tee On Oct 4, 2007, at 3:07 PM, David Laakso wrote: The Creative Director is not happy. The left border is missing around his picture (bottom of center panel). http://www.chelseacreekstudio.com/index.html Thanks, ~dL __ 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] three numbers
On 05/10/2007, Raumin Ray Dehghan [EMAIL PROTECTED] wrote: When you have three separate numbers, such as the three after the margin in the following bracket, can somebody tell me what that means? {margin:0 10px 10px} body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */ http://www.w3.org/TR/CSS21/box.html#propdef-margin -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] three numbers
On 10/4/07 7:07 PM, Raumin Ray Dehghan [EMAIL PROTECTED] wrote: Colleagues, When you have three separate numbers, such as the three after the margin in the following bracket, can somebody tell me what that means? {margin:0 [1] 10px [2] 10px [3] } I'm pretty sure that when you use 3 shorthand margin values, it applies to: [1] top [2] left and right [3] bottom Hope this helps Ray. Cheers, elias Thanks, Ray Dehghan __ 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] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Gunlaug Sørtun wrote: http://www.webdevout.net/browser-support-css regards Georg Thank you, Georg. ~Ray __ 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] width problem cross browser
Good evening list, It seems i have a width problem cross browser: resizing the viewport gets following effects: [1] #masthead disappears while #masthead div and #masthead h1 keeps being visible. Desired effect: #masthead needs to be kept visible. [2] only IE6: #contentright drops below #contentleft (upon resizing to small resolution). Opera, Moz, FF, IE7 do not drop the #contentright. It seems a width problem because contentleft ends where #masthead div ends. I've tried changing widths, adding widths... even messing with hasLayout but no success. Tried the list archives but didn't encounter a solution. Is this something that has nothing to do with width? http://www.dzinelabs.com/sandbox/madcow/madcow.html css embedded. -- Best regards, Luc Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Health is merely the slowest possible rate at which one can die. __ 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] some text is rendering different between browsers..
Julian Tulip's Licorice wrote: Hello, Thanks very much for the response. I have to use graphics unfortunately. in fact, all the real text may get swapped with graphics which I think is absurd. a lot of the graphics on the site are also text,i just pull them off the screen with a negative margin, this way if i turn styles off the page is still useful. It looks like a lot of my problems were solved by fixing the Doctype, RE: http://www.johnkehm.com/kona Yes, of course... how flaky of anyone to think otherwise Regards, ~dK __ 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ 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] three numbers
Simple: When listing less than 4 parameters, the CSS 'engine' pulls it from the other side of the element. Sorta makes everything symmetrical. (But it always goes [top] [right] [bottom] [left]...does that make it confusing?) Keith On 10/4/07, Elias Abunassar [EMAIL PROTECTED] wrote: On 10/4/07 7:07 PM, Raumin Ray Dehghan [EMAIL PROTECTED] wrote: Colleagues, When you have three separate numbers, such as the three after the margin in the following bracket, can somebody tell me what that means? {margin:0 [1] 10px [2] 10px [3] } I'm pretty sure that when you use 3 shorthand margin values, it applies to: [1] top [2] left and right [3] bottom Hope this helps Ray. Cheers, elias Thanks, Ray Dehghan __ 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-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] Safari Mac site check?
I went through almost every link and the site is rendering fine. I didn't notice any problems and I certainly didn't just get bumped off. Hope this helps. For reference, I am running Safari 2 on a MacBook Pro. One of her colleagues is a Mac user, and she emailed my wife saying that, both from her work Mac and her home Mac, she's unable to get to the site. She's not nearly computer-literate enough to provide a reasonable description of what the problem is (she says her server is Safari, and she just get[s] bumped off). David Terrell Shape Yahoo! in your own image. Join our Network Research Panel today! http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 __ 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] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
On Oct 5, 2007, at 5:53 AM, Gunlaug Sørtun wrote: Is there a resource anyone is familiar with where I might find a list of browsers that support the cursor: CSS directive? http://www.webdevout.net/browser-support-css On Gecko, it is currently only implemented on Windows (and maybe Linux for the nightly builds, not sure). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] three numbers
{ margin:0;} Applies to all (top,right,bottom,left, IN THAT ORDER. {margin:0 10px;} The first number applies to the top and bottom.The second number applies to the right and left sides. {margin:0 10px 10px;}The first number applies to the top(only) the second number applies to the right and left sides. The third number applies to the bottom.(only) {margin:5 px 10px 15 px 20px;} Reading left to right: applies to TOP , RIGHT, BOTTOM ,LEFT.HAVE FUN :) Date: Thu, 4 Oct 2007 18:07:36 -0500 From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Subject: [css-d] three numbers Colleagues, When you have three separate numbers, such as the three after the margin in the following bracket, can somebody tell me what that means? {margin:0 10px 10px} Thanks, Ray Dehghan __ 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/ _ Climb to the top of the charts! Play Star Shuffle: the word scramble challenge with star power. http://club.live.com/star_shuffle.aspx?icid=starshuffle_wlmailtextlink_oct __ 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
On 10/4/07 4:48 PM, David Terrell [EMAIL PROTECTED] wrote: Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell David- Try Stu Nichol's Pure CSS Drop-down Menu: http://www.cssplay.co.uk/menus/final_drop.html/ Note the 'Accessibility' issue. When you set the ul li ul li a: display: none; [1] All links and text contained that are 'hidden' aren't seen by spiders, crawlers, and hard for Google/Yahoo to index, etc. [2] Usability is an issue too. People with disabilities, who use assistive technology for the web won't read or interpret what's hidden. Just some thoughts. Stu's site should help. Cheers, elias __ __ Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell wrote: www.cometothewell.org/newsite. I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. Looks like you have copied the HTML validator's Tidy markup verbatim, which doesn't work since the pop-ups are nested inside the wrong li's. Tidy isn't clairvoyant, so it can only create valid markup - not figure out _how_ the nesting must be done in order to meet your design-intentions. Here's a working version... http://www.gunlaug.no/tos/alien/dt-3/test_07_1005.html ...with the same markup as what Tidy gave you, but this time with the pop-up ul's nested in the right li's. Doesn't work in IE6 though, as that and older IE-versions supports :hover only on links. You can use the whatever:hover '.htc' file to make IE6 behave... http://www.xs4all.nl/~peterned/csshover.html I am also have problems with IE 6 showing a tranparent png correctly. IE6 doesn't support transparency on 32bits png. Look for an IE-filter to use as workaround. 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] :: camino-- image border issue :: resolved
Tee G. Peng wrote: I had similar problem with Camino once . Wrap the img in a p or div does the trick. pimg class=c5 src=ca/site/images/thumbs/self.jpg alt= width=175 height=245 //p Hope this helps! tee On Oct 4, 2007, at 3:07 PM, David Laakso wrote: The Creative Director is not happy. The left border is missing around his picture (bottom of center panel). http://www.chelseacreekstudio.com/index.html Thanks, ~dL I was running an old version of Camino (I am new to a Mac), and therein the problem. The issue is corrected in the latest version of Camino. Thank you to all who replied both on and off-list. ~dL PS And yes: I am a Blue's fan... -- 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/
[css-d] Falling floats in Opera Netscape
Hi guys, I have a footer, which has a background image. Within the footer I have a bunch of links (marked up as a list and floated left) and a copyright notice (marked up as a paragraph floated right). In most browsers, this seems to work just fine. In Opera 9.21 and Netscape 8.1.3, however, they are falling out of the Footer div. The easiest fix I can think of would be to apply a negative top margin to the list and paragraph. But that would involve finding a way to apply that fix only to Opera and Netscape. Is there a way to do that? Is this even the best way around the problem? I've hunted on positioniseverything.net so no avail, and Google isn't helping much either. I've included the relevant code below, in case it helps anyone. Cheers, Seona. #footer { position: relative; clear: both; margin: 0 auto; margin-top: -40px; /* drag footer from below the fold */ width: 958px; height: 40px; background: url(../images/telstra-footer-tile.gif) top left repeat-x; } #footer #footerlinks { float: left; padding-left: 10px; width: 640px; height: 30px; background: url(../images/telstra-footer-start.gif) top left no-repeat; list-style: none; } #footer #footerlinks li { float: left; padding-right: 10px; line-height: 30px; } #footer #copyright { float: right; margin: 0; padding: 0 10px 0 0; width: 295px; height: 30px; background: url(../images/telstra-footer-end.gif) top right no-repeat; color: #99; line-height: 30px; } div id=footer ul id=footerlinks lia href=Footer Link One/a/li lia href=Footer Link Two/a/li lia href=Footer Link Three/a/li /ul p id=copyrightCopyright Telstra eBusiness Services Pty Ltd 2007/p /div __ 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/