Re: [css-d] Your comment please
Thank you very much for your useful hints. Meanwhile I changed some parameters so please have a look again. Florian Hamberger On Thu, Apr 19, 2012 at 4:01 AM, Florian Hamberger florian.hamber...@fhcb.net wrote: Hello, I redesigned a website with HTML5 and CSS3 with responsive design. The link is: http://www.fhcb.net/HKPR/ -- Florian Hamberger Computerberatung First impression: simple, clean, site whose left column might be better set at user default and up-top space and navigation may prove problematic in mobile handsets. You may want to center the site horizontally for tablet landscape 1024; and table portrait 768. Left/right wiggle Android/2.2.2., Opera Mobile,and OperaMini portrait and landscape mode [you have not accounted for some floats, long-words in German, nor the page width]; and landing on a site in mobile whose primary content is not at user default is painful [bumping the device font size increases the wiggle]. Best, Daviod Laakso Florian Hamberger Computerberatung Pfannstiel 7 83112 Frasdorf Fon: +49 8052 2196 Fax: +49 8052 909111 E-Mail: florian.hamber...@fhcb.net Internet: www.fhcb.net USt-IDNr: DE184195224 Florian Hamberger Computerberatung Pfannstiel 7 83112 Frasdorf Fon: +49 8052 2196 Fax: +49 8052 909111 E-Mail: florian.hamber...@fhcb.net Internet: www.fhcb.net USt-IDNr: DE184195224 __ css-discuss [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://www.evolt.org/help_support_evolt/
[css-d] nav wraps in native IE9
Hello List, I have dropped a font size down on my top navigation bar .05em and IE9 is wrapping the list items to the next line. This is not happening in IE8/IE7compatability, or any other browser I tested. Can anyone tell me what the issue might be? The nav bar in question reads Education SvcsGroups and it is the Groups list item that wraps to the next line. http://sbctc.edu/college/_i-ctclinkNEW.aspx Thank you! Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] Your comment please
On Thu, Apr 19, 2012 at 12:36 PM, Florian Hamberger florian.hamber...@fhcb.net wrote: Thank you very much for your useful hints. Meanwhile I changed some parameters so please have a look again. Assuming you are at the same address: http://www.fhcb.net/HKPR/ I think you're gonna need a pro to fix that with your current code. So perhaps someone else on the list can help you out. Personally, I'd start over with a simplified version minus all the bells and whistles: -- centering all the blocks horizontally at the widest window you hope to keep without throwing a horizontal scroll bar at tablet landscape 1024px; at tablet portrait 768px; and same at mobile 480. --the horizontal nav might be better set beneath the footer for desktop, tablet and mobile . Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] nav wraps in native IE9
On Fri, Apr 20, 2012 at 3:15 PM, Angela French afre...@sbctc.edu wrote: It's wrapping in Chrome on Mac as well. A quick look makes me think it's a math issue... too much stuff (text, margin/padding) in not enough space. With live text, you need some wiggle room... HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com I have done more research and it appears IE9 renders fonts/letter-spacing in a new and improved way and so other than accommodate it - reducing padding, increase width of page, IE9 conditional style sheet, it seems there is nothing to be done about it. I hope to hear a few more from this list chime in though. Did anyone else experience font rendering issues with IE9? Yes, it does do it in IE9, as well as my Mac Chrome (dev v20.x) -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [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://www.evolt.org/help_support_evolt/
[css-d] position relative border disappears
I am now desperate enough to post to this list. Everything below refers to the code at: http://obedience4life.com/index3.html Disclaimer: The site displays properly only with MSIE. Making it cross-browser is my next project. This is a 3 column layout with a header (id=#header) and footer that span all 3 columns. There is a line which separates #header from the columns (#col1, #col2, #col3) which is actually the top border of the 3 columns. I need to add some absolute positioned content into the #header, but when I add position: relative (it is commented out) to #header, the top border of #col3 goes away. I have tinkered with this for hours and absolutely cannot figure this out. Thanks in advance for looking, Barry Brevik __ css-discuss [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://www.evolt.org/help_support_evolt/
[css-d] Website work in all browsers, except ie8 - css issue?
Hi, I've written a the following website: www.dolphincoachhire.co.uk and it works in chrome, IE9, Safari, Firefox, but something goes wrong with the css layout in IE8. I've been looking for hours on forums and am losing the will to live! Would really appreciate it if someone can tell me what I'm doing wrong. Thanks in advance, Shaun -- View this message in context: http://css.2040035.n2.nabble.com/Website-work-in-all-browsers-except-ie8-css-issue-tp7485883p7485883.html Sent from the css-discuss mailing list archive at Nabble.com. __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] position relative border disappears
El 20/04/12 22:09, Barry Brevik escribió: I am now desperate enough to post to this list. Everything below refers to the code at: http://obedience4life.com/index3.html Disclaimer: The site displays properly only with MSIE. Making it cross-browser is my next project. This is a 3 column layout with a header (id=#header) and footer that span all 3 columns. There is a line which separates #header from the columns (#col1, #col2, #col3) which is actually the top border of the 3 columns. I need to add some absolute positioned content into the #header, but when I add position: relative (it is commented out) to #header, the top border of #col3 goes away. I have tinkered with this for hours and absolutely cannot figure this out. Thanks in advance for looking, I'm not sure your disclaimer is valid. Even if you're coding for IE (and you should also say which version btw in the case of IE since different versions are often effectively different browsers), your code should still be valid in at least most important respects. Yours doesn't appear to be: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fobedience4life.com%2Findex3.html Cheers Peter __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] what does !important mean?
Thanks everyone for the responses, (including a couple of private ones) particularly those pointing me to useful articles etc. I'm now enlightened. ;) Much appreciated. Cheers, David. __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] Website work in all browsers, except ie8 - css issue?
On Fri, Apr 20, 2012 at 5:31 PM, shaunm1976 sh...@shaunmarrison.co.ukwrote: Hi, I've written a the following website: www.dolphincoachhire.co.uk and it works in chrome, IE9, Safari, Firefox, but something goes wrong with the css layout in IE8. In the head of the document add this: !--[if lt IE 9] script src=//html5shim.googlecode.com/svn/trunk/html5.js/script ![endif]-- immediately below this: meta http-equiv=pragma content=no-cache Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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://www.evolt.org/help_support_evolt/
Re: [css-d] nav wraps in native IE9
On 4/20/12 10:42 AM, Angela French wrote: Hello List, I have dropped a font size down on my top navigation bar .05em and IE9 is wrapping the list items to the next line. This is not happening in IE8/IE7compatability, or any other browser I tested. Can anyone tell me what the issue might be? The nav bar in question reads Education SvcsGroups and it is the Groups list item that wraps to the next line. http://sbctc.edu/college/_i-ctclinkNEW.aspx Hi Angela, It happens in all browsers on my MacBook. I do suggest not making the font-size any smaller though - it's already hard to read on a small laptop screen. Perhaps you could take out the ctcLink item that seems to appear another two times on that page - and is not on the inner pages AFAICT. -- Cordially, David __ css-discuss [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://www.evolt.org/help_support_evolt/