[css-d] Firefox issue
Hi, I am pretty new to CSS. This file is fine with IE but when view through Firefox it does not display correctly. Any help would be greatly appreciated! http://www.ccclib.org/programs/srl_dsl.html http://www.ccclib.org/Style/programs.css Thanks Stacie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox issue
On 05/06/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I am pretty new to CSS. This file is fine with IE but when view through Firefox it does not display correctly. Any help would be greatly appreciated! http://www.ccclib.org/programs/srl_dsl.html http://www.ccclib.org/Style/programs.css Thanks Stacie __ I may be wrong, but as far as I can remember IE will stretch to accommodate the images (incorrect behaviour) but the content will flow out of the box if it is too wide in FF - ie, you have not left enough space to accommodate your images. -- http://www.web-buddha.co.uk dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css) look out for project karma, our new venture, coming soon! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox issue
__ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] strange whitespace in IE6
Hello, Kindly see the following page in IE6. http://www.inctalk.com/wp/ You can see a whitespace of 40px to the right of the page. This does not appear in IE 7 or other browsers. The CSS is http://www.inctalk.com/wp/wp-content/themes/inctalk/style.css Any help would be appreciated. Regards Indranil __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird safari behavior (advanced css)
Guillaume Bokiau wrote: Have a look at http://www.4project.be/Guillaume%20Bokiau/ in Safari. ... I've tried to reduce the problem http://www.satzansatz.de/safari/fixscroll.html pink #menu's width causes a scrollbar. When the window is scrolled, the fixed, overflown navy #MainContainer does not keep the absolutely positioned yellow child #Page0 visible. Did not find this problem in bugzilla. I cannot tell from the specs that the behavior is wrong, but it certainly looks wrong. Opera9, Fx 1.5.0.4, IEMac render this stable. Opera8.51 breaks on this, similar to Safari. Others will have ideas or comments. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox issue
[EMAIL PROTECTED] wrote: Hi, I am pretty new to CSS. This file is fine with IE but when view through Firefox it does not display correctly. Any help would be greatly appreciated! http://www.ccclib.org/programs/srl_dsl.html http://www.ccclib.org/Style/programs.css Thanks Stacie Hi Stacie, Firefox is implementing the css correctly here while IE is getting things wrong as Mr Goodchild pointed out. It can make life easier to get a page looking good in firefox first and then tweak it for IE if necessary. I've had a look at the css in the Firefox EditCss plugin and this should fix the problem: .imageleft { float: left; width: 150px; padding: 20px; } .imageright { float: right; width: 150px; padding: 20px; /* padding plus width (150 + 20 + 20) equals 190px */ } .bodyright { margin-left: 190px; /* margin-left to keep the text from wrapping around the floated image */ text-align: left; padding: 8px; } .bodyleft { margin-right: 190px; /* same as above but moves the text to the right of the image */ text-align: right; padding: 8px; } You should use an #id only once in an html document. If styles need to be applied more than once use a class name e.g. in this case i have changed #bodyleft to .bodyleft and so on (the html will need to be altered accordingly). The best way to get to grips with floats and how to use them is to experiment or look for tutorials like this one: http://css.maxdesign.com.au/floatutorial/ Good luck, Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The Not-so-thin Blue Line (solved)
On Jun 4, 2006, at 06:33:36 +0200, Gunlaug S?rtun wrote: Try adding... p.copy {margin: 0;} Georg Yep, that did it (and it still works correctly in IE6!) Much obliged. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox vs IE display of website
I'm working on a website located at http://www.intownjulie.com with the stylesheet located at http://www.intownjulie.com/tabbed.css I've gotten the layout looking exactly the way I want in Firefox [Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4] but when I switch to IE [Version: 6.0.2900.2180.xpsp_sp2_gdr.050301-1519] things don't look so good. Main problem is that my tabbed menu is now floating above my content ruining the effect I was going for. I've been at a loss to figure out how to address this one. Second problem is that several pages have text that has disappeared including a floated menu, a floated pullquote, and some text in the blog portion. I tried the 'line-height' and Holly fix to address the disappearing text, but they didn't seem to work. (Perhaps I didn't implement correctly...?). I'd appreciate it if anyone could take a look and give me a pointer as to what may be the problem with my CSS displaying in IE. Thanks, -m __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] strange whitespace in IE6
Indranil Dasgupta wrote: Kindly see the following page in IE6. http://www.inctalk.com/wp/ You can see a whitespace of 40px to the right of the page. This does not appear in IE 7 or other browsers. The CSS is http://www.inctalk.com/wp/wp-content/themes/inctalk/style.css Indranil Since /I did not see the white space/ you wrote about in XP IE/6.0, I took a very fast tour. These are some notes, sprinkled with some subjective opinions :-) : You may want to validate the markup: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.inctalk.com%2Fwp%2F Setting flush left/scatter right will dry up the rivers in the content-text, and #222 will pop it. How come the content-text is not set default. How come only the first entry, rather than all the fonts, scale in IE? The google ads are up just a bit(2 or 3px) into the nav bar in Opera/9.0b2. Best, ~davidLaakso -- http://www.dlaakso.com/gustave/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Using s5 to present photography slides
I modified s5-blank.html to show photography slides. The goal is to maximize the screen space for the pictures. I removed the headers and footers and sized the pictures to fit centered on the page. Using FireFox 1.5.0.3 all works as expected. Using IE 6.0.2800.1106 all of the pictures don't center, and the controls do not appear in the lower right-hand corner. Use resolution of 1024 x 768 and press F11 to maximize the open space on the screen. The slides can be seen at: http://www.alumni.nd.edu/~class55/Graphics/JohnDroege/Ireland/droegeireland. html Any ideas on this would be appreciated. Thanks, Dan Healy 14610 Bramblewood Houston, TX 77079 (281) 497-1610 [EMAIL PROTECTED] -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.8.1/355 - Release Date: 6/2/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The Not-so-thin Blue Line (solved)
[EMAIL PROTECTED] wrote: On Jun 4, 2006, at 06:33:36 +0200, Gunlaug S?rtun wrote: Try adding... p.copy {margin: 0;} Georg Yep, that did it (and it still works correctly in IE6!) Much obliged. So you can avoid the problem in the future, instead of just patching the current manifestation, please read up on margin collapsing (the cause of your issue). http://css-discuss.incutio.com/?page=CollapsingMargin Best, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using s5 to present photography slides
Better check Win98, IE6. Pictures appear on load and then disappear. And I liked the pictures - at least the couple I did get to see before they evaporated. Don - Original Message - From: Dan Healy [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Monday, June 05, 2006 12:11 PM Subject: [css-d] Using s5 to present photography slides | I modified s5-blank.html to show photography slides. The goal is to | maximize the screen space for the pictures. | | I removed the headers and footers and sized the pictures to fit centered on | the page. | | Using FireFox 1.5.0.3 all works as expected. Using IE 6.0.2800.1106 all of | the pictures don't center, and the controls do not appear in the lower | right-hand corner. Use resolution of 1024 x 768 and press F11 to maximize | the open space on the screen. | | The slides can be seen at: | | http://www.alumni.nd.edu/~class55/Graphics/JohnDroege/Ireland/droegeireland. | html | | Any ideas on this would be appreciated. | | Thanks, | | Dan Healy | 14610 Bramblewood | Houston, TX 77079 | (281) 497-1610 | [EMAIL PROTECTED] | -- | No virus found in this outgoing message. | Checked by AVG Free Edition. | Version: 7.1.394 / Virus Database: 268.8.1/355 - Release Date: 6/2/2006 | | __ | css-discuss [EMAIL PROTECTED] | http://www.css-discuss.org/mailman/listinfo/css-d | IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 | List wiki/FAQ -- http://css-discuss.incutio.com/ | Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ | | | | -- | No virus found in this incoming message. | Checked by AVG Free Edition. | Version: 7.1.394 / Virus Database: 268.8.1/355 - Release Date: 6/2/2006 | | -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.8.1/355 - Release Date: 6/2/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Printable Pages
Is there a way to control font size/layout on printable pages? The printer is adhering to my (very) basic layout, but seems to be ignoring my font declarations. Is there a simple way to control this? My CSS consists of: html{ background: #ff; font: normal 8pt/10pt arial, helvetica, sans-serif; padding: 5px; } body { background: #ff; font: normal 8pt/10pt arial, helvetica, sans-serif; padding: 5px; } Looks like its printing in a standard serif face instead, at a larger size that pretty much blows apart my columns. Also, I am specifying pts for print. Is this even recommended? Thanks! Christian. __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using s5 to present photography slides
Afternoon Don You wrote; I modified s5-blank.html to show photography slides. The goal is to maximize the screen space for the pictures. I removed the headers and footers and sized the pictures to fit centered on the page. Using FireFox 1.5.0.3 all works as expected. Using IE 6.0.2800.1106 all of the pictures don't center, and the controls do not appear in the lower right-hand corner. Use resolution of 1024 x 768 and press F11 to maximize the open space on the screen. The slides can be seen at: http://www.alumni.nd.edu/~class55/Graphics/JohnDroege/Ireland/droegeireland. html Any ideas on this would be appreciated. Thanks, IE 6 appears to be ignoring the center /center element you are using in your modified S5 slide show. center is not a valid element with the doctype you are using. Run your code past an html validator [1] [2], as you have several other html errors. As you noted, the slide controls work in Firefox (1.5.0.4). When I hover my cursor at the bottom - right corner of the page it becomes visible. Eric Meyer's original S5 [3] works similarly in both Firefox and IE 6 on my win xp pro sp2 box. My guess is that this is a scripting problem and IE 6 can't play nice with your code. Some one with more scripting experience may be able to offer advice off list. (also, I noticed that pressing the space bar will advance the images once they have loaded) [1] http://validator.w3.org/ [2] http://www.htmlhelp.com/tools/validator/ [3] http://www.meyerweb.com/eric/tools/s5/s5-intro.html Hope that helps... Jim Nannery owner - www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox vs IE display of website
Martin Deen wrote: http://www.intownjulie.com Main problem is that my tabbed menu is now floating above my content ruining the effect I was going for. I've been at a loss to figure out how to address this one. Looks like a 'collapsing margins'[1] case. Easiest solved by adding a padding on top... #tabmenu {padding: 1px 0 0 0;} ...tested and working. Second problem is that several pages have text that has disappeared including a floated menu, a floated pullquote, and some text in the blog portion. I tried the 'line-height' and Holly fix to address the disappearing text, but they didn't seem to work. (Perhaps I didn't implement correctly...?). Probably the wrong fix for that particular bug :-) span.quote {position: relative;} ...will make the floating span visible in IE/win. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with IE Double Margin Bug (I think?)
Hi all, I seem to be having a problem with the IE double margin bug on floats. It's only affecting this page: http://roblin.bluelangroup.net/v4_Services.php and only when viewed in IE6. Other pages on the site render fine in FF and IE. The CSS can be viewed at: http://roblin.bluelangroup.net/master.css I've tried adding the PIE fix of display:inline to the #wrap-inner, #content, and #menu divs (there are my floats) individually, and in combination with each other. Nothing seems to correct the problem. Thanks in advance for any suggestions. - Erik Domingo PS I left the display:inline set on the #content div; playing with background colors seemed to point to that div as the one whose left-margin is doubling (strange, since I thought the bug only affected margins on the same side as the float...?) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image partially shows
Hi folks, I'm trying to create a background image in my .css file but it gets 'overshadowed' by other .css elements and I can't figure it out. Please take a glance at: www.pdrsolution.com/bistro17/index.html Here, you will see that I deliberately inserted the building image into the index.html file to show how I'd like it displayed. But, also notice the image is up in the top right corner partially behind other elements. Why does this happen? I thought by adding it to the st_gargoyles.css/.inside class rule, the image would be out in front- this is obviously not the case. Any hints? Thank you. patrick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with IE Double Margin Bug (I think?)
Erik Domingo wrote: I seem to be having a problem with the IE double margin bug on floats. It's only affecting this page: http://roblin.bluelangroup.net/v4_Services.php and only when viewed in IE6. Other pages on the site render fine in FF and IE. The IE double margin on floats bug isn't the problem. Firefox handles table align=center ... different from IE (and Opera), so if Firefox gives you the correct look, you'll have to wrap that table in a non-float - /not/ a 'float: right'. This is all you need on the #content container... #content { margin-left: 200px; border-left: 1px solid black; } ...to make IE6 (and Opera) render the page exactly like Firefox does. --- I have no idea whether the following is exactly how that table-centering in a float is handled in these browsers, but this is what it appears like: - Floats without defined width will shrink-wrap, but Firefox won't let that happen because the 'align=center' on the table creates equal margins on both sides that are pushing outwards as far as possible in order to center the table. - IE6 (and Opera) seems to shrink-wrap the float first, so there are no space, or need, for margins to center the table. The result: two different outcomes from table-centering in a width-less float. No width-less float = no visible differences. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font property
On Jun 6, 2006, at 2:35 PM, Bojana Lalic wrote: Is this valid css and if not what's wrong with it: font: 2.2em/1.5; invalid CSS. When using the font shorthand, you must declare a value for font- family and font-size. The css validator would have told you that. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font property
Hi Philippe Thanks for that. Can I have font-size: 2.2em/1.5; instead? I am just a bit confused about the two values thing. Bojana -Original Message- From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED] Sent: Tuesday, June 06, 2006 3:14 PM To: CSS-D Subject: Re: [css-d] Font property On Jun 6, 2006, at 2:35 PM, Bojana Lalic wrote: Is this valid css and if not what's wrong with it: font: 2.2em/1.5; invalid CSS. When using the font shorthand, you must declare a value for font- family and font-size. The css validator would have told you that. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://www.educationau.edu.au/globalsummit2006 for further details. _ IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/