Re: [css-d] IE layout blues
[snip] ...my real issue is as mentioned above, how do I start testing for each of these browsers. Also, I'm relatively new to css, or, at least somewhat out of touch with it for a while and things have moved along quite rapidly it appears! [/snip] :: Hi David, You should be able to test the conditional comments in IE Tester -- just select the IE browser you want to test (they even have an option to test all options at the same time), insert the URI or local path in the field provided as if you were using a regular browser to test your code and that's about it. If you have conditional comments, it should hide/show the associated content. Feel free to email me directly if you have anymore questions -- I think we may be straying from the css-discuss rule of topic discussion and I don't want to upset anyone on this board -- it's a fantastic resource. :-) Thanks!! Kevin __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] h3 with layout is clearing a float in IE6
Thank you for the tips. The 1% Holly Hack worked great -- should have tried it earlier. Cheers, Lev On Thu, May 21, 2009 at 7:31 PM, David Laakso da...@chelseacreekstudio.com wrote: lev rickards wrote: We're trying to position a set of h3's and text next to a left-floated navigation list. Straight forward, right? However, we want the h3's to be clickable for some jQuery hide/reveals. We wanted the entire h3 background to be clickable, which in IE seems to require giving the headers hasLayout. Compare the results in FF and IE(6): http://sandbox.hgci2.net/ Any suggestions for overcoming this? Add float:right to the h3 styles and IE 6/7 should come on board (not tested). Too tight tolerance for the IEs. -- Dost thou reckon thyself only a puny form / When within thee the universe is folded? http://reference.bahai.org/en/t/b/SVFV/svfv-6.html __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
[css-d] Centering Wrapper in Browser
I have a web page at http://www.biom.net/index.php/dojo/index/ and as you can see it’s flush left in the browser. I want to center it and have tried adding “auto” to the margin element for both body and wrapper selectors, but can’t get the setting to budge. Can you point out where I’m off? [code]#wrapper { position: relative; float: left; margin: 0 auto; padding: 0; width: 778px; background: #99; color: #333; border-top: 10px solid #000; }[/code] Thanks. __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Wrapper in Browser
On 23/05/2009, at 9:58 AM, Ramone Kalsaw wrote: I have a web page at http://www.biom.net/index.php/dojo/index/ and as you can see it’s flush left in the browser. I want to center it and have tried adding “auto” to the margin element for both body and wrapper selectors, but can’t get the setting to budge. Can you point out where I’m off? [code]#wrapper { position: relative; float: left; margin: 0 auto; padding: 0; width: 778px; background: #99; color: #333; border-top: 10px solid #000; }[/code] Thanks. The first step for debugging should always be to validate your HTML/ CSS. Often this will resolve problems. If it doesn't, you've at least got a solid starting point for further troubleshooting. __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
[css-d] IE and font size
Hi guys, http://ares-pearl-b1.nakea.net/ Could you please help me figure out why text looks s big in IE6/7/8. It looks fine in FF and other browsers but I cant get where huge font comes from.. And webdev toolbar offers little help... :( Even when there is no styles at all ( http://ares-pearl-b1.nakea.net/?disableStyles=1) font size is too big. Thank you. -- Maxim Soloviev __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Wrapper in Browser
On 23/05/2009, at 11:01 AM, JT Neville wrote: Just curious, do you really think that is a helpful answer for someone? Sure everyone should be able to do it on their own.. but why be on this list if you don't want to show someone the answer they miss? I mean you could have at least linked a validator if you were going to be like that. JT You are right that I could have gone further than I did. I didn't intend for it to be a rude response and if it came across that way I apologise. Of course, one way of guiding me in how to better respond to queries would have been to provide the links yourself :-) For the original poster, here are links to to the w3c HTML and CSS validators: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.biom.net%2Findex.php%2Fdojo%2Findex%2F http://jigsaw.w3.org/css-validator/validator Have a look through each error. If it's not clear to you what you need to do to resolve it, post back to the list. The errors that are most likely to be causing you rendering problems are mismatched opening and closing tags. However, I would just recommend working your way through this list and fixing everything. That way you know you are on a solid markup foundation. The use of the XHTML strict doctype is why presentational attributes l like align=center are errors (and the fact that the value isn't quoted). You either need to remove these attributes and use CSS or use a transitional doctype instead. The form elements need to be surrounded by a block level element. You could add a fieldset and legend or else wrap them in a div. The CSS seems to be valid when directly input, however, when I use the web developer toolbar http://chrispederick.com/work/web-developer/) and go - tools validate CSS there does appear to be something strange going on with the response. Also, it looks like you are including the stylesheet twice using link and import: link rel='stylesheet' type='text/css' media='all' href='http://www.biom.net/index.php?css=dojo/css_dojo.v.1243052883' / style type='text/css' media='screen'@import http://www.biom.net/index.php?css=dojo/css_dojo.v.1243052883 ;/style I hope this helps. Cheers, Tim __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] IE and font size
On 23/05/2009, at 11:22 AM, Maxim Soloviev wrote: Hi guys, http://ares-pearl-b1.nakea.net/ Could you please help me figure out why text looks s big in IE6/7/8. Hi Maxim - There is some markup in the #header which has inline styles setting the font-size to 20pt. The spans aren't closed and it appears IE is applying the style to the rest of the document... pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255) //span/strong/p pnbsp;/p pnbsp;/p pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255) //span/strongspan style=font-size: 20pt //p You can safely remove all of this. It's not doing anything. I haven't looked at the whole document, but the header could be tidied up quite a bit from a markup perspective. One way of doing it would be as follows: div id=header h1American Jelly Fish Society/h1 pMore for you and me/p /div Then you've got a simple markup structure to apply your styles to. I hope that gets you started. Cheers, Tim __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] IE and font size
Maxim Soloviev wrote: http://ares-pearl-b1.nakea.net/ Could you please help me figure out why text looks s big in IE6/7/8. Flawed markup in header. A span is not an empty, self-closing, element, and, unlike most other browsers, IE can't treat it as if it was and recover from this flaw. The result is that font-size: 20pt is applied to all text following the header in IE/win, apart from the headlines that have font-size defined in the stylesheet. 20pt is indeed quite large. This is flawed... pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255) //span/strong/p pnbsp;/p pnbsp;/p pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255) //span/strongspan style=font-size: 20pt //p /div ...and should be corrected to this... pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255)/span/span/strong/p pnbsp;/p pnbsp;/p pstrongspan style=font-size: 20ptspan style=color: rgb(255,255,255)/span/span/strongspan style=font-size: 20pt/span/p /div The HTML validator doesn't flag the error because it checks the markup as if it was properly served XHTML - following XML rules where such self-closing of most elements is allowed. IE/win doesn't support properly served XHTML and has no idea about such rules, and your document isn't properly served XHTML anyway - it is HTML. Note that once the markup flaws are corrected, all font-sizes you have defined in pixels in the stylesheets kicks in. This means IE/win can't resize the text. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] IE and font size
Aghhrr, I'm off work already but I think that's the problem. Tim Gunlaug, thank you guys so much, I've thought I'm going crazy. You guys rock!!! :) Funny part is that I did W3C validation but since I clicked Validate local XHTML in Web Developer toolbar it validated code modified by Firefox. Anyway, thank you very much, I'll fix on Tuesday. -- Maxim Soloviev __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
[css-d] In IE width not changing
Hi All, In table , table style=width:25px;height:50px; tr tdUsername/td /tr /table In the above table , if i increase the width of the table , The above table display perfect in FF , But in IE Table width not changing , Even i tried somthing like _width:45px; But no use , Any idea , how to change the width for the IE browser , Thanks -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] In IE width not changing
bharani kumar wrote: Hi All, In table , table style=width:25px;height:50px; tr tdUsername/td /tr /table In the above table , if i increase the width of the table , The above table display perfect in FF , But in IE Table width not changing , Even i tried somthing like _width:45px; But no use , Any idea , how to change the width for the IE browser , Thanks There is no dout in my mind that I do not understand your question. This page http://chelseacreekstudio.com/ca/cssd/bbb.html has your table on it. Plus another table just like it, but of different width. IE 8/7/6/5.5/5.01 all render both tabes at their intended width. __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/
Re: [css-d] In IE width not changing
Simply browser compatibility problem , No problem in FF, Problem in only IE , On Sat, May 23, 2009 at 10:46 AM, David Laakso da...@chelseacreekstudio.com wrote: bharani kumar wrote: Hi All, In table , table style=width:25px;height:50px; tr tdUsername/td /tr /table In the above table , if i increase the width of the table , The above table display perfect in FF , But in IE Table width not changing , Even i tried somthing like _width:45px; But no use , Any idea , how to change the width for the IE browser , Thanks There is no dout in my mind that I do not understand your question. This page http://chelseacreekstudio.com/ca/cssd/bbb.html has your table on it. Plus another table just like it, but of different width. IE 8/7/6/5.5/5.01 all render both tabes at their intended width. -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ __ css-discuss [cs...@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://www.evolt.org/help_support_evolt/