[css-d] :: page check :: ~d
Goals: 1/ Usable in any given screen width (ie/6 fixed at 780 width) 2/ Look and feel: macho (off-topic comments appreciated off-list, please) Constructive suggestions and comments appreciated. markup http://chelseacreekstudio.com/mhr/ css http://chelseacreekstudio.com/mhr/css/style.css Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ 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] Page Check
Morning David You wrote Dunno about IE/8 but imagine it will also break the same way all browser will at 800 and drop the right column at less than that ;-) . This could be a nice touch: p{ /*font-size:.8em;*/} Thanks for taking a minute to look at this page, It's appreciated. I am / was when I posted / aware that it breaks on narrow windows I working to resolve that... Not sure if commenting out the font size is a nice touch or not, but I take your point Just wanted to be sure that it works on IE 8 Best Jim Nannery blog - www.nannery.net/wordpress __ 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] Page Check
Morning Georg You wrote about www.nannery.net . Looks a bit strange on narrow windows, but the same in all browsers - including IE8. (snipped a bit) http://www.gunlaug.no Thanks for taking a minute to look at this page, It's appreciated. As I pointed out to DL, I am / was when I posted / aware that it breaks on narrow windows I working on that... Good to know that it works on IE 8. Best Jim Nannery blog - www.nannery.net/wordpress __ 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] Page Check
Morning all I'd appreciate it if some of you with IE 8 would have a look at www.nannery.net and let me know if there are any problems. This is a conversions from tables Works as I expect in IE 6- 7, FF 3.0.7 and Opera 9.00 on Win XP Pro SP3. Thanks in advance. Jim Nannery blog - www.nannery.net/wordpress __ 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] Page Check
JWN wrote: Morning all I'd appreciate it if some of you with IE 8 would have a look at www.nannery.net and let me know if there are any problems. This is a conversions from tables Works as I expect in IE 6- 7, FF 3.0.7 and Opera 9.00 on Win XP Pro SP3. Thanks in advance. Jim Nannery blog - www.nannery.net/wordpress Dunno about IE/8 but imagine it will also break the same way all browser will at 800 and drop the right column at less than that ;-) . This could be a nice touch: p{ /*font-size:.8em;*/} __ 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] Page Check
JWN wrote: I'd appreciate it if some of you with IE 8 would have a look at www.nannery.net and let me know if there are any problems. Looks a bit strange on narrow windows, but the same in all browsers - including IE8. 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/
[css-d] Page Check Please
OK I have this page it works fine in Safari, FF on Mac. I did take notice that if I added a wrapper around the header to the footer the maincontent bgcolor moves to the top of the manicontent section. Now if I move the closing div for the maincontent so it is outside of the footer closing div the manicontent bgcolor covers the maincontent area but my footer is inside the maincontent. What am I doing wrong ? How to fix ? Help GREATLY appreciated!! http://home.comcast.net/~s.oravec/index.htmlhttp://home.comcast.net/%7Es.oravec/index.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] Page Check please
Good Morning; The page in question http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm is pretty simple but it is another step for me in using best practices. This uses no tables and I believe my CSS is pretty lean and clean. Right now I use Javascript to display content contained in a file. As time permits I expect to learn enough PHP to do that without Javascript. I am interested in: 1) Does it look okay in all browsers? 2) Does the style switcher (monitor vs projection) work well? 3) Does the footer stay at the bottom of the document? 4) Are the header words centered on the document as if the radio buttons were not present? 5) Does the print style sheet present a good looking document? 6) Am I taking full advantage of inheritance in CSS? Thanks for any and all comments. Del __ 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] Page Check please
Del Wegener wrote: Good Morning; The page in question http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm is pretty simple but it is another step for me in using best practices. This uses no tables and I believe my CSS is pretty lean and clean. I pass: other than to say, some might consider best practice is to validate to a strict doctype. Right now I use Javascript to display content contained in a file. As time permits I expect to learn enough PHP to do that without Javascript. I am interested in: 1) Does it look okay in all browsers? I think it dose fine. However, if you are into nit-picking, then I guess does it look okay in all browsers depends on how one interprets the expression does it look okay. In the wonderful world of personal opinion, setting the primary content font-size to suit your preference, rather than users preference does not look okay to me. Nor I'm not crazy about trying to decipher or read anything in print-media or on the Web that is red, white, and blue. A line-measure of 85 percent of the screen will be difficult for users with very wide widows. 2) Does the style switcher (monitor vs projection) work well? I pass. 3) Does the footer stay at the bottom of the document? Yes. 4) Are the header words centered on the document as if the radio buttons were not present? The words are physically centered. And they appear to be /visually/ centered at narrow screen widths. For users at 1600 and up it is difficult to say one way or the other. To visually center the words in wide windows (I'm at 1680) the left and right reference points are needed so the user can determine just what the words are centered on: for example, a 1px solid border on the body declaration. 5) Does the print style sheet present a good looking document? I pass. 6) Am I taking full advantage of inheritance in CSS? I pass. Thanks for any and all comments. Del -- 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] Page Check please
David Laakso wrote: Del Wegener wrote: Good Morning; The page in question http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm is pretty simple but it is another step for me in using best practices. This uses no tables and I believe my CSS is pretty lean and clean. 4) Are the header words centered on the document as if the radio buttons were not present? Whoops. Forgot to look at the page in IE/6. The words are /not/ centered at all window widths. -- 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] Page Check please
In the wonderful world of personal opinion, setting the primary content font-size to suit your preference, rather than users preference does not look okay to me. Nor I'm not crazy about trying to decipher or read anything in print-media or on the Web that is red, white, and blue. A line-measure of 85 percent of the screen will be difficult for users with very wide widows. Thanks for your response David. http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm You frequently make similar comments about font-size. I started with font-size at 100% in the body and then set the other font sizes relative to that by using em measurements. I thought that would honor user preferences. How do you suggest I set font-size? Do you object to the use of colors in textual material or just the choice of colors? The colors in this document do serve a purpose and are consistent with the use of red and blue throughout the site. If not with colors, how would you highlight term being defined and/or content identifier? What do you suggest for line-measure? If I don't set right and left margins on the body, then it is worse for wide screens. If I set larger margins, then it is bad for folks with smaller screens. What is the appropriate compromise? It seems to me that those of us with large monitors should change the size of our browser to fit our preference. As a result of your other response I cranked up my old machine and looked at the page again in IE6. I could shrink the browser window width to about an inch and the words in the header stayed centered above the content. So what is the difference between your and my setup of IE6? Thanks again. Look forward to your response. Del __ 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] Page Check please
David Laakso wrote to Del, In the wonderful world of personal opinion, setting the primary content font-size to suit your preference, rather than users preference does not look okay to me. A line-measure of 85 percent of the screen will be difficult for users with very wide widows. Del responded in parts, Thanks for your response David. http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm You frequently make similar comments about font-size. I started with font-size at 100% in the body and then set the other font sizes relative to that by using em measurements. I thought that would honor user preferences. How do you suggest I set font-size? I think what you've changed to is a start on the right track. Your initial CSS showed the font sized fixed in pixels. Your CSS could be leaner using font declaration and other short cuts. What do you suggest for line-measure? If I don't set right and left margins on the body, then it is worse for wide screens. If I set larger margins, then it is bad for folks with smaller screens. What is the appropriate compromise? It seems to me that those of us with large monitors should change the size of our browser to fit our preference. Look at David's test page and others to see use of the min/max width property for screen width. It controls excessive line lengths on ultra wide screens, and prevents crunch wrapping at narrow screen widths. http://www.chelseacreekstudio.com/ca/portfolio/ Thanks again. Look forward to your response. Del Peter www.fatpawdesign.com In God we trust, all else bring data... __ 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] Page Check please
Del Wegener wrote: http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm You frequently make similar comments about font-size. I started with font-size at 100% in the body and then set the other font sizes relative to that by using em measurements. The font-size currently set on the body declaration or your page is the same as of this writing as it was earlier today-- 80% (or 20% smaller than default). Try setting it at 100%. Do you object to the use of colors in textual material or just the choice of colors? The colors in this document do serve a purpose and are consistent with the use of red and blue throughout the site. If not with colors, how would you highlight term being defined and/or content identifier? Essentially there is nothing intrinsically wrong with color within textual material. The primary colors (red, blue, and yellow) are difficult to use on the canvas-- whether the canvas is paper, linen, or a computer screen. The very, very discriminatory of one color (either red or blue) in addition to bold in black might better for text. Name of the game with color and boldface within text is to /use very little of it/, and try not to assault folks senses while your do it: think less is more. As a result of your other response I cranked up my old machine and looked at the page again in IE6. I could shrink the browser window width to about an inch and the words in the header stayed centered above the content. So what is the difference between your and my setup of IE6? It is, as you noted, fine in narrow windows. It is not centered in the page in a very wide window. On a MBP (116.5 dpi) at full window width IE/6 more or less centers h2 but not h1. __ 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] Page Check please
Essentially there is nothing intrinsically wrong with color within textual material. The primary colors (red, blue, and yellow) are difficult to use on the canvas-- whether the canvas is paper, linen, or a computer screen. The very, very discriminatory of one color (either red or blue) in addition to bold in black might better for text. Name of the game with color and boldface within text is to /use very little of it/, and try not to assault folks senses while your do it: think less is more. Though I'm not a frequent poster here -- mostly a lurker -- I did want to expand on this briefly. While I have no issue with the use of color, fully saturated colors cause too much of a distraction away from the content. Less saturated colors would give you more with less to rephrase David's comment. (Again, this is just an aesthetic comment. Other's will no doubt have other opinions.) There is also the issue -- though dated -- that red, blue, and purple can also be confused with a user's default link color styling. Again, that last one is a bit dated. This all being said, you do use colors consistently. That is good. Blue for level 1 and level 2 heads, and Red for level 3 run-in heads (though they are not tagged as h3). There is one display issue that I did see. While you did fix the centering with respect to the radio buttons, when printed, the heading is no longer centered. ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: Sunday, June 29, 2008 3:10 PM To: Del Wegener Cc: css Subject: Re: [css-d] Page Check please Del Wegener wrote: http://www.drdelmath.com/special_topics/function/functions_quadratic_p roperties.htm You frequently make similar comments about font-size. I started with font-size at 100% in the body and then set the other font sizes relative to that by using em measurements. The font-size currently set on the body declaration or your page is the same as of this writing as it was earlier today-- 80% (or 20% smaller than default). Try setting it at 100%. Do you object to the use of colors in textual material or just the choice of colors? The colors in this document do serve a purpose and are consistent with the use of red and blue throughout the site. If not with colors, how would you highlight term being defined and/or content identifier? Essentially there is nothing intrinsically wrong with color within textual material. The primary colors (red, blue, and yellow) are difficult to use on the canvas-- whether the canvas is paper, linen, or a computer screen. The very, very discriminatory of one color (either red or blue) in addition to bold in black might better for text. Name of the game with color and boldface within text is to /use very little of it/, and try not to assault folks senses while your do it: think less is more. As a result of your other response I cranked up my old machine and looked at the page again in IE6. I could shrink the browser window width to about an inch and the words in the header stayed centered above the content. So what is the difference between your and my setup of IE6? It is, as you noted, fine in narrow windows. It is not centered in the page in a very wide window. On a MBP (116.5 dpi) at full window width IE/6 more or less centers h2 but not h1. __ 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] Page Check please
There is one display issue that I did see. While you did fix the centering with respect to the radio buttons, when printed, the heading is no longer centered. ...Rob Thanks Rob; I will fix that. It is centered on the content, but not on the page. Thanks for the catch. Del __ 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] Page Check - my first fully CSS page multi column layout
Page Check - my first fully CSS page multi column layout http://beta.handmade-paper.us/page/CPO/CTGY/mbt See what you think - tear it up. This page only as I have not verified other templates on the site. Navbar is not done yet. Page should be a fully fluid multi column layout - no tables. The CSS is likely dangerous in my hands and I'm wide open for corrections on all the floats and clears etc. I made extensive use of the CSSedit on this project and Golive for some syntax checking of other code etc. The page validates with no error as 4.01 Transitional. Thanks, Barrett AOL/AIM handmadepaperus __ 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] Page Check - my first fully CSS page multi column layout
Barrett wrote: http://beta.handmade-paper.us/page/CPO/CTGY/mbt See what you think - tear it up. Barrett Seems fine to me in Mac Opera, FF, Camino, and Safari; and, in XP IE/7 and IE/6. Holds decent font-scaling and folds well from a full to narrow window cross-browser. FWIW, I deleted your background-image and background-color as they made the text difficult for me to read; and, that color is picked-up and has a very negative impact on each and every one of those nice color swatches you are pushing... -- 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] Page Check - my first fully CSS page multi column layout
Good to hear it works so far. Yeah the background color has been a paradox of just what you say and the known branding of the site now for so many years. I have contemplated seeing if someone could help me come up with some sort of javascript chunk where I could allow the user to change the .prod_iteration style to a couple preset colors like grey, black, or white. Thanks, Barrett AOL/AIM handmadepaperus On Jun 20, 2008, at 12:39 PM, David Laakso wrote: Barrett wrote: http://beta.handmade-paper.us/page/CPO/CTGY/mbt See what you think - tear it up. Barrett Seems fine to me in Mac Opera, FF, Camino, and Safari; and, in XP IE/7 and IE/6. Holds decent font-scaling and folds well from a full to narrow window cross-browser. FWIW, I deleted your background-image and background-color as they made the text difficult for me to read; and, that color is picked- up and has a very negative impact on each and every one of those nice color swatches you are pushing... -- 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] Page Check - my first fully CSS page multi column layout
Barrett wrote: Good to hear it works so far. Yeah the background color has been a paradox of just what you say and the known branding of the site now for so many years. Barrett http://beta.handmade-paper.us/page/CPO/CTGY/mbt The most beautiful thing we can experience is the mysterious. It is the source of all true art and science. -- Albert Einstein US (German-born) physicist (1879 - 1955) -- 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] page check and help with placement
Hello everyone, Please check this image: http://www.thedogsonline.com/temp-site/new-showcase/images/example-image.jpg against this page: http://www.thedogsonline.com/temp-site/new-showcase/showcase-template.html http://www.thedogsonline.com/temp-site/new-showcase/showcase.css and you'll see that I'm having a little trouble moving the links section over underneath the title graphic and my banner image that I'm trying to use as a background image for my absolutely placed div is slightly off as well. Any suggestions would be appreciated! -- Erin Spangler www.thedogsonline.com Web Design and Hosting for the Dog Enthusiast __ 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] page check and help with placement
Erin Spangler wrote: Hello everyone, Please check this image: http://www.thedogsonline.com/temp-site/new-showcase/images/example-image.jpg against this page: http://www.thedogsonline.com/temp-site/new-showcase/showcase-template.html http://www.thedogsonline.com/temp-site/new-showcase/showcase.css and you'll see that I'm having a little trouble moving the links section over underneath the title graphic and my banner image that I'm trying to use as a background image for my absolutely placed div is slightly off as well. Any suggestions would be appreciated! Hmm. What to say... It is quite easy to use CSS to reproduce the photoshop comp on the screen (no absolute positioning needed). However, if you want a page that works regardless of user preference to do whatever they well please, /you may want to re-think your concept/. One approach to maintaining structural integrity (a site that is not brittle and does not brake with user discretion) is to let content determine height. And to test thoroughly cross-browser (with the fonts set at default) at minimum font-size 32px; at +2 in compliant browsers; and at text-size largest in the IE's. This is a quick attempt at it... http://www.chelseacreekstudio.com/ca/cssd/a.htm css http://www.chelseacreekstudio.com/ca/cssd/a_files/showcase.css -- 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] page check-positioning gap, font issues/questions
http://www.ricochet.org/ricochet2/company_principal.html i haven't yet viewed the page in msie; only opera and firefox on the mac. i'll deal with msie when the page is stable gap issue: at the top of the page (on top of yellow box and menus), i'm getting a gap. i've tried zeroing out margins and padding, but am obviously missing something. font question/issue originally, i speced .8em font size on html/body looked and worked fine. i know it's a no-no as i've been informed it causes issue in msie, i have been taught (by a list member) to use 100% on body and rescale further down the document. when i use 100% on body/html, and move the .8em to the wrapper, i don't get what i'm looking for. it would be nice to size the font once and forget it. suggestions... i know only a print designer would use such small type... what can i say? thanks in advance ron __ 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] page check-positioning gap, font issues/questions
Ron Zisman wrote: http://www.ricochet.org/ricochet2/company_principal.html i haven't yet viewed the page in msie; only opera and firefox on the mac. i'll deal with msie when the page is stable gap issue: at the top of the page (on top of yellow box and menus), i'm getting a gap. font question/issue originally, i speced .8em font size on html/body suggestions... ron /gap/ Add h1 { margin-top : 0; } /fonts/ Right now you've got a mixed bag of %/px. If you want to use em's it's: html{ font-size: 100%; --- so IE will not go goofy :: } body { font: 0.8em Verdana, Helvetica, sans-serif; em on the body } And em's (not px thereafter) Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check-positioning gap, font issues/questions
Ron Zisman wrote: http://www.ricochet.org/ricochet2/company_principal.html font question/issue originally, i speced .8em font size on html/body looked and worked fine. i know it's a no-no as i've been informed it causes issue in msie, i have been taught (by a list member) to use 100% on body and rescale further down the document. when i use 100% on body/html, and move the .8em to the wrapper, i don't get what i'm looking for. it would be nice to size the font once and forget it. You had 'html, body {font-size: .8em;}' That equals 'html {font-size: .8em;}' = 80% followed by 'body {font-size: .8em;}' = 80%, and the sum of 80% x 80% is around 65%. html {font-size: 100%;} body {font-size: .65em;} ...or any other combination that starts with percentage and ends up at around 65%, will give you a starting-point around the 65% of normal browser default you're aiming for. So, declaring... html {/* no font size */} body {font-size: 65%;} ...will end up where you started without triggering any IE/win bugs. Side note: do I have to remind you that starting small makes it less likely that the actual font size will survive 'minimum font size' in a few browsers..? http://www.gunlaug.no/contents/wd_1_03_04.html 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] Page Check
Morning List I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. Should be good to go in all other major browsers including IE 6 and 7, Opera 9 and Firefox 2.0. CSS is in the head for now but will be moved to an external link later. All links on the page are live to an existing site. Once we have client approval for this page as a template we will re-skin the inner pages to match. If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Thanks for your time. Hope you all enjoy your weekend. Jim Nannery www.redfernenterprises.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] Page Check
OS X 10.4.10; Safari 3.0.3; Camino 1.5: Just basic poking around on the site … everything looks good with 1 exception: On the home page in Safari, there is no white space between the portrait and the body of text, i.e. This web site is designed serve the Districts … is flush left against the portrait. And … not related to CSS, but the portrait on the home page is not very crisp (but that may be intentional). HTH Kimberly On 10/5/07, Jim Nannery [EMAIL PROTECTED] wrote: Morning List I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. Should be good to go in all other major browsers including IE 6 and 7, Opera 9 and Firefox 2.0. CSS is in the head for now but will be moved to an external link later. All links on the page are live to an existing site. Once we have client approval for this page as a template we will re-skin the inner pages to match. If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Thanks for your time. Hope you all enjoy your weekend. Jim Nannery www.redfernenterprises.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/ -- Kimberly Batteau http://www.kimberlybatteau.com/ Ever striving for perfetcion. __ 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] Page Check
On 5 Oct 2007, at 14:17, Jim Nannery [EMAIL PROTECTED] wrote: I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html Hi Jim, Mac OS X v10.4.10 Safari beta 3 - the main text is tight against the gold edge of the picture Firefox 2.0.0.7 - text is okay but picture slips down below the lower menu and main area gold border -- unless I change the text size to make it large enough to force the menu and border down. Now that I check back, this happens in Safari too. I didn't notice at first because the default text size in Safari is big enough whereas the default size in Firefox is not big enough. Also my Safari window happened to be narrower than my FF window, and that too gave the text block enough height. In other words, you'll have to find a way to reserve enough room for the picture no matter what size the text is. HTH Rob __ 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] Page Check
At 6:13 PM -0500 10/5/07, Jim Nannery wrote: I'd appreciate it if some of you would look at http://www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. CHOP If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Finally something I can contribute to the list! ;-) Only 'major' problem I see in Safari and FF 2+ on my Mac is that the Kiwanis' logo slips under the top nav bar. It should be easy to move it up a bit but the 'solution' is probably to keep that bar from rising higher than a minimum value (while forcing the main content to remain below it, also). The 'problem' is that the logo is obscured at anything less than 'normal + 1' step larger. Are you viewing your browser at command(control?)-0(zero) or whatever it takes to make it 'text size = normal'? Maybe by giving the .nav a top: Xem;? Having X whatever it takes to push the nav bar low enough to uncover the logo. Not sure that would work for .contain, however. Since you're using position: relative, that may automatically keep the main content lower, anyway. Oh well, the experts will surely give you the fix, all I'm good for is pointing out the minor problem! :) JC __ 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] Page check
I have just finished a new page design. This is my first using a fixed width page. It looks OK on Windows IE6/7 and Firefox. Can you please validate on other OS and browsers? Also, any comments on the design would be appreciated. The URL is http://www.piedmont-div.org/nmra/nmra_home_page.html Thanks very much, Scott Povlot 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] Page check
Scott Povlot wrote: I have just finished a new page design. This is my first using a fixed width page. It looks OK on Windows IE6/7 and Firefox. Can you please validate on other OS and browsers? Also, any comments on the design would be appreciated. The URL is http://www.piedmont-div.org/nmra/nmra_home_page.html Thanks very much, Scott Povlot Scott, Just a quick look in camino and safari and mac opera. I'd suggest setting the width of #shop from the em width you have to around 200px (to keep it from expanding horiz and dropping th float w/ font-scaling). The set of links at the bottom right corner of the page break as well. Eighty percent of default (on body) is kind of tiny start point for those using a high dpi monitor. -- 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] Page check
Thanks, David. I changed the #shop width to 200px. That's much better. However, I am not sure what you mean about Eighty percent of default (on body) is kind of tiny start point for those using a high dpi monitor. What resolution are you using? What do you suggest for a font setting? Scott --- David Laakso [EMAIL PROTECTED] wrote: Scott Povlot wrote: The URL is http://www.piedmont-div.org/nmra/nmra_home_page.html Scott, I'd suggest setting the width of #shop from the em width you have to around 200px (to keep it from expanding horiz and dropping th float w/ font-scaling). The set of links at the bottom right corner of the page break as well. Eighty percent of default (on body) is kind of tiny start point for those using a high dpi monitor. -- 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/ Be a better Globetrotter. Get better travel answers from someone who knows. Yahoo! Answers - Check it out. http://answers.yahoo.com/dir/?link=listsid=396545469 __ 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] Page check
Scott Povlot wrote: Thanks, David. I changed the #shop width to 200px. That's much better. However, I am not sure what you mean about Eighty percent of default (on body) is kind of tiny start point for those using a high dpi monitor. What resolution are you using? What do you suggest for a font setting? Scott re: http://www.piedmont-div.org/nmra/nmra_home_page.html Scott, Generally speaking, your fonts scale well. That is to say there is little problem for those who may, for whatever reason, wish to view and read the text of your site at a larger size than you have specified. And that is good! If user default can said to be 100%, you've reduced what they prefer by specifying 80% on the body (or 20% smaller than they /may/ prefer). This is /sometimes/ problematic for users who are using monitors at a higher default dpi or screen resolution than your monitor [1] [1] body { font-size:80%; } A nice touch, /and this is a personal opinion/, would be to give all users default [2] [2] body { font-size:100%; } 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/
Re: [css-d] page check :: ~dL
David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL Hi David, The layout looks good in Win: FF1.5/2.0 IE 6/7. In WinFF 2.0, the link for GF Safe Lists shows GF underlined. Not so in my view in FF1.5 or IE 6 or 7. Linux FF 1.5/20, no issues, all appears well. Looked in Linux Konqueror as well, no issues. A site check is, I feel, the least I can do...having garnered and put into use *so* many of the things I read on this list. It's amazing how many of those things are made better/easier/more understandable because of your posts. Thanks and best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Ray Leventhal wrote: David Laakso wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL Hi David, The layout looks good in Win: FF1.5/2.0 IE 6/7. In WinFF 2.0, the link for GF Safe Lists shows GF underlined. Not so in my view in FF1.5 or IE 6 or 7. ~Ray Ray, thanks for bringing the acronym element issue to my attention. I had not noticed this and will correct it. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL Looks great! Don't know exactly what I have to look for. A small hint for tired me? A duplicated character in the Lorem ipsum text? :) There is a difference in the margins of the floating small photographs in the columns, comparing IE7 (normal margins) and the rest of the IE's (duplicated). I think this is because IE7 is running in standards mode, despite your xml declaration. In IE 7, an xml declaration no longer changes the rendering mode ... inserting a comment before the doctype (but after the xml declaration) will still trigger quirks mode in IE 7 [1] [1] http://www.satzansatz.de/cssd/quirksmode.html But I fear this is not what you've meant. Ingo PS: For the anger management seminar: I thought this is what css-d is about. http://www.satzansatz.de/cssd/quirksmode.html -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
On 08-Jul-07, at 10:55 AM, David Laakso wrote: Comments, suggestions, and links to an anger management seminar appreciated. [1] http://www.chelseacreekstudio.com/ca/ct1/ As always, I wish I'd picked out those colours myself. I tried very hard to break it in the browsers (all OS X) that I have available to me, to no avail. Perhaps that is a feature? Best, - Rahul. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ David, I just opened up IE5.01 and, as far as I can tell, it works perfectly! Good work! could he be looking in IE4??!! Find some stats that show no one uses IE4 anymore ? maybe he has something really weird going on with his IE(s). I couldn't tell any difference between mozilla and IE5.01 and, without exploring very much more, that means it rates *excellent*, to me. cheers and good luck finding an anger management seminar, I notice that no one has any suggestions Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
~davidLaakso a écrit : A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/ct1/ Hi Mac OS X Firefox 2.0.0.4 and the geckos (Mozilla, Netscape) #secondary img.rht {index.css (line 465) display:block; float:right; margin:6px 3% 3px 0pt; / Why ? In some cases text could touch your image, margin:3px; should not be better? max-width:95%; } Safari The last li don't touch the right border. Why ? I don't know. Maybe it needs some width ? .menu li a.c6:hover, .menu li a.c6:active {index.css (line 315) background-color:#660033; border:3px double #FF; color:#FF; } .menu li a.c6:link, .menu li a.c6:visited {index.css (line 309) background-color:#94854F; border:3px double #FF; color:#FBFFDB; } .menu li a {index.css (line 241) border:3px double #FF; display:block; margin:0pt 1%; padding:3px 0pt; text-decoration:none; } Inherited fromli .menu ul li {index.css (line 232) font-family:HelveticaNeue,'Helvetica Neue','Luxi Sans',Helvetica,Verdana,sans-serif; font-size:110%; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none; } Opera 9.01 Same as Safari and the woman has a great right margin #primary img.rht {index.css (line 401) display:block; float:right; margin:6px 6% 3px 1%; max-width:95%; } iCab (I know, only the author and I we use it) TPLITC TODAY The T of TODAY comes over the C of TPLITC IE Explorer Mac did not find the CSS And last a æsthetics opinion topnav could have the same background than header ? #topnav {index.css (line 35) background-color:#CCC473; color:inherit; left:0pt; position:absolute; top:0pt; width:100%; } Hope it helps Cordialement Luis __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
On Jul 8, 2007, at 1:25 AM, David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. It does work just fine -- unless you count that the left add may overlap the last nav-element on extremely narrow windows and font- size 'largest'. Comments, suggestions, and links to an anger management seminar appreciated. For links to anger management seminars: ask Killer ... or maybe you want need one once you've had a chat with him. [1] http://www.chelseacreekstudio.com/ca/ct1/ regards Georg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Rahul Gonsalves wrote: On 08-Jul-07, at 10:55 AM, David Laakso wrote: Comments, suggestions, and links to an anger management seminar appreciated. [1] http://www.chelseacreekstudio.com/ca/ct1/ As always, I wish I'd picked out those colours myself. I tried very hard to break it in the browsers (all OS X) that I have available to me, to no avail. Perhaps that is a feature? Best, - Rahul. Thank you, Rahul. And /if it were up to me/-- I'd strip out almost all of those colors-- they just make it dirty and hard to read... Regards, ~d PS Nice to see you on the list after a long absence. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
At 1:25 AM -0400 7/8/07, David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL ~dL: When he says work, what does he mean? It works in all my requirements. As always, your design is exceptional and your presentation flawless -- few things are harder to put up with than the annoyance of a good example. Cheers, tedd PS: anger management :-) -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Luis Speciale wrote: ~davidLaakso a écrit : A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/ct1/ code and specific issues mentioned trimmed Luis Luis, you have raised some very good points and I appreciate your thorough and thoughtful reply. I will look into and attempt to correct those issues. Incidentally, mac/ie5.2 /is/ finding the style sheet and behaving correctly-- the styles are hidden from her using the @media screen {... } rule. And I /think/ iCab is incorrectly handling the minus word-spacing for h1 and h5. This has been hacked for win/ie 7 through 5.5 who also get it wrong. I think I'll just have to wait for iCab to catch up. I agree with your aesthetic comment-- that was a client call, not mine. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Donna Jones wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ David, I just opened up IE5.01 and, as far as I can tell, it works perfectly! Good work! could he be looking in IE4??!! ...trimmed] cheers and good luck finding an anger management seminar, I notice that no one has any suggestions Donna Thanks Donna. I neglected to mention that by all versions of IE I meant win/ie versions 7 through 5. Best, PS As far as anger management seminar is concerned, a liquid lunch may have to suffice. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
David Laakso wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL It even works on my Dell laptop (IE 6) - with UseHR on or off. FWIW, Lynx and Fangs are also happy. Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Ingo Chao wrote: David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL There is a difference in the margins of the floating small photographs in the columns, comparing IE7 (normal margins) and the rest of the IE's (duplicated). I think this is because IE7 is running in standards mode, despite your xml declaration. In IE 7, an xml declaration no longer changes the rendering mode ... inserting a comment before the doctype (but after the xml declaration) will still trigger quirks mode in IE 7 [1] [1] http://www.satzansatz.de/cssd/quirksmode.html But I fear this is not what you've meant. Ingo PS: For the anger management seminar: I thought this is what css-d is about. http://www.satzansatz.de/cssd/quirksmode.html The xml declaration has been deleted. I put 6 and down in quirks temporarily to double check rendering between ie in quirks versus ie's flaky standards mode. Thanks for the reminder. I wonder if the small image issue may(?) have something more to do with poor coding practice, on my part, as all images in the content section are rendering a little /more/ strangely than they should depending on the OS/browser being used. I will attempt to do better. Thank you. ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
L Lay wrote: David Laakso wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL It even works on my Dell laptop (IE 6) - with UseHR on or off. FWIW, Lynx and Fangs are also happy. Lori These are important considerations in my book, as is Phlippe's (off-list) recommendation to add the focus state to the links for keyboard users. Thank you. ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Luc wrote: Good evening Roger, It was foretold that on 19/6/2007 @ 12:38:55 GMT-0400 (which was 13:38:55 where I live) Roger Roelofs would write: snipped a bit One of the beauties of allowing floats to drop is that the content is conveniently viewable at more screen/window sizes, but that means you have to give up a certain amount of control. Sometimes it is easier to make the user scroll than it is to convince the customer that 'it is supposed to do that' :-). Dropping floats is my preference also but as you pointed out, sometimes the user/client prefers to scroll :-). I could make the min-width less but i'm afraid that still leaves me with IE7. I messed around with the heading class (width, margin, paddings...) with the result that IE7 (installed it by now) gets the heading right but the other browsers mess up. Place your ie code in a conditional comment so it doesn't mess up the page in other browsers. -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good morning James, It was foretold that on 20/6/2007 @ 08:23:40 GMT-0400 (which was 09:23:40 where I live) James Gadrow would write: Place your ie code in a conditional comment so it doesn't mess up the page in other browsers. Yeah, it seems that's the only way out :-) Anyways, tnx for the help! -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. EGOTIST: A manwho is always me deep in conversation. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good morning list, At the moment i'm without IE7 on my machine. Could somebody check this page on IE7? http://www.dzinelabs.com/projects/MP/Pages/roger Does it hold together when resizing the viewport? TIA -- Best regards, Luc Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Luc wrote: Good morning list, At the moment i'm without IE7 on my machine. Could somebody check this page on IE7? http://www.dzinelabs.com/projects/MP/Pages/roger Does it hold together when resizing the viewport? TIA Only problem I see is that the last letter in your header is overlapping your right hand image. -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good morning James, It was foretold that on 19/6/2007 @ 09:16:57 GMT-0400 (which was 10:16:57 where I live) James Gadrow would write: Only problem I see is that the last letter in your header is overlapping your right hand image. Is that some IE7 bug i'm not aware of? Or just setting the heading class with a font-size of 2 em will do the trick? -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. My mother used to say: the older you get, the better you get -unless you're a banana. - Rose, The Golden Girls. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Luc wrote: Good morning James, It was foretold that on 19/6/2007 @ 09:16:57 GMT-0400 (which was 10:16:57 where I live) James Gadrow would write: Only problem I see is that the last letter in your header is overlapping your right hand image. Is that some IE7 bug i'm not aware of? Or just setting the heading class with a font-size of 2 em will do the trick? I'm not certain, I didn't take a look at the underlying code. I presume you either need a hasLayout trigger somewhere that contains your header, or (depending upon how you laid out the page) you may just need to review your margin / padding settings. Unfortunately, I don't have much time to devote to an indepth review of your code as I'm still trying to nail a problem in a php script... guess I'll have to break down and get an IDE because notepad is terrible at debugging :p -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Luc, On Jun 19, 2007, at 9:42 AM, Luc wrote: Good morning James, It was foretold that on 19/6/2007 @ 09:16:57 GMT-0400 (which was 10:16:57 where I live) James Gadrow would write: Only problem I see is that the last letter in your header is overlapping your right hand image. Is that some IE7 bug i'm not aware of? Or just setting the heading class with a font-size of 2 em will do the trick? At larger text sizes, the header overflows its bounds and overlaps the right hand image. It happens in firefox also if you bump up the text size a couple of notches and have the window width small enough so the min-width kicks in (which I always do). This design assumes users will browse at full screen and have large monitors, and neither is true in my case. I only ever see the leftmost inch of the right hand image unless I make a point to scroll horizontally. Roger, -- Roger Roelofs [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good afternoon Roger, It was foretold that on 19/6/2007 @ 10:14:22 GMT-0400 (which was 11:14:22 where I live) Roger Roelofs would write: snipped a bit This design assumes users will browse at full screen and have large monitors, and neither is true in my case. I only ever see the leftmost inch of the right hand image unless I make a point to scroll horizontally. Hmm i see. My initially thought was to have it displayed properly at 800x600. But, if i understand you correctly, the way it is now that resolution doesn't display the layout properly? -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Don't take life too seriously - you'll never get out of it alive. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good afternoon James, It was foretold that on 19/6/2007 @ 10:02:58 GMT-0400 (which was 11:02:58 where I live) James Gadrow would write: snipped a bit I presume you either need a hasLayout trigger somewhere that contains your header, or (depending upon how you laid out the page) you may just need to review your margin / padding settings. Hmm, i'll mess with the trigger first. Unfortunately, I don't have much time to devote to an indepth review of your code as I'm still trying to nail a problem in a php script... guess I'll have to break down and get an IDE because notepad is terrible at debugging :p :-) -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. It is often said: Always put off tomorrow what you can do today, but if the toilet is out of order, I am not sure if that still holds. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Luc, On Jun 19, 2007, at 11:37 AM, Luc wrote: Good afternoon Roger, It was foretold that on 19/6/2007 @ 10:14:22 GMT-0400 (which was 11:14:22 where I live) Roger Roelofs would write: snipped a bit This design assumes users will browse at full screen and have large monitors, and neither is true in my case. I only ever see the leftmost inch of the right hand image unless I make a point to scroll horizontally. Hmm i see. My initially thought was to have it displayed properly at 800x600. But, if i understand you correctly, the way it is now that resolution doesn't display the layout properly? The layout currently has a min-width of 1400px. It displays as you intended, but I have to scroll about 500px to the right in order to see that side. One of the beauties of allowing floats to drop is that the content is conveniently viewable at more screen/window sizes, but that means you have to give up a certain amount of control. Sometimes it is easier to make the user scroll than it is to convince the customer that 'it is supposed to do that' :-). Roger, -- Roger Roelofs [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check in IE7 please
Good evening Roger, It was foretold that on 19/6/2007 @ 12:38:55 GMT-0400 (which was 13:38:55 where I live) Roger Roelofs would write: snipped a bit One of the beauties of allowing floats to drop is that the content is conveniently viewable at more screen/window sizes, but that means you have to give up a certain amount of control. Sometimes it is easier to make the user scroll than it is to convince the customer that 'it is supposed to do that' :-). Dropping floats is my preference also but as you pointed out, sometimes the user/client prefers to scroll :-). I could make the min-width less but i'm afraid that still leaves me with IE7. I messed around with the heading class (width, margin, paddings...) with the result that IE7 (installed it by now) gets the heading right but the other browsers mess up. -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The first time I see a jogger smiling, I'll consider it. - Joan Rivers. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please, 2nd request
any idea why IE 6 and 7 are throwing off the content div to the right on this site-in-progress? site: http://ambientglow.com/garage/priestess/web/index.html CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css Thanks, Peg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please, 2nd request
Peggy Coats wrote: any idea why IE 6 and 7 are throwing off the content div to the right on this site-in-progress? site: http://ambientglow.com/garage/priestess/web/index.html CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css Hi Peg. You'll need to change quite a bit. Take a look at this revised CSS and the comments. In most cases here you were doing too much positioning when simply using margin would work better and cause the div that follow to automatically adjust. I didn't check these changes in IE7, but it looks the same in IE6 and FF2: *.clear --remove this whole rule set. You don't need it as far as I can tell... { clear: both; padding-bottom: 1px;/* for Gecko-based browsers */ /*margin-bottom: -1px; height: 15px; }*/ #container { width: 1000px; /*left: auto; --remove all within the comments right: auto;*/ /*clear: left;*/ position: relative; margin: 0 auto; padding: 0px; font-family: Trebuchet MS, Arial, sans-serif; font-size: 0.90em; color: #00; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: left top; height: 800px; padding: 1px; /*add this. fixes Gecko*/ } #nav { position: relative; z-index: 2; height: auto; text-align: center; font-weight: bold; /*left: 450px; --remove all within the comments bottom: 0px;*/ /*right: 0px;*/ /*top: 50px;*/ padding: 0px; margin: 50px 0px; /*added*/ } #nav table { /*added*/ margin: 0 100px 0 auto; } #content { position: relative; z-index: 3; width: 735px; height: 428px; border: 1px solid #00; background-image: url(../images/content-bg.gif); background-repeat: no-repeat; /*top: 200px; --remove all within the comments right: 107px; left: 108px;*/ padding-right: 0px; padding-bottom: 25px; padding-left: 25px; margin: 0 auto; /*added*/ } AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please, 2nd request
Thanks Audra and Marc -- I'm still working through how positioning works, so this is a good lesson for me. I appreciate you both taking the time to plow through the code and help me out. Peg On 6/19/07, Audra Coldiron [EMAIL PROTECTED] wrote: Peggy Coats wrote: any idea why IE 6 and 7 are throwing off the content div to the right on this site-in-progress? site: http://ambientglow.com/garage/priestess/web/index.html CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css Hi Peg. You'll need to change quite a bit. Take a look at this revised CSS and the comments. In most cases here you were doing too much positioning when simply using margin would work better and cause the div that follow to automatically adjust. I didn't check these changes in IE7, but it looks the same in IE6 and FF2: -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check please
Good evening list, Could some good soul give me some feedback on the following page: http://www.dzinelabs.com/projects/MP/Pages/werkendvoorbeeldcsslist2.html Css is embedded. Requests: how does it look at 600x800, Moz, FF, IE? -- Best regards, Luc http://www.dzinelabs.com Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. To exercise is human; not to is divine. - Robert Orben. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Hi All, Can you please click on the faces on the left. I want to make sure that two onclick events work that the person's bio comes up and a detail photo comes up too. I am especially interested in internet explorer 6.0 and older. http://www.bartlettsfarm.com/staff1.html Many Thanks, Noah __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
i'm seeing bios pop up but no images besides the first in ie6 Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check - footer problems in IE
Hi all, I'm coding this crazy layout with lots of rules dividing up the space, and so far it is coming together pretty well, but I am up against a problem in IE (6+7) that I can't figure out the cause of. Here is the basic page: http://test.hinshawdesign.com/pfg/round2/template_css_v3.1.html This version looks pretty good in all my test browsers, with the exception of the IEs where the copyright and date are much too far away from the rule that defines the footer above them. But if I put more of less text in the main column, IE really has a hissy fit: http://test.hinshawdesign.com/pfg/round2/template_css_v3.1_long.html More text cause the center column to go right down past the footer border. http://test.hinshawdesign.com/pfg/round2/template_css_v3.1_short.html Less text causes the footer border to jump up into the sidebar. My intuition tells me that it has something to do with the floats above the footer, but I fear I am in a little over my depth. I appreciate any help you fine folks can offer. Thanks! Don __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check - footer problems in IE
Don Hinshaw wrote: http://test.hinshawdesign.com/pfg/round2/template_css_v3.1.html My intuition tells me that it has something to do with the floats above the footer, but I fear I am in a little over my depth. You're close enough :-) Add a 'hasLayout'[1] trigger... #footer {width: 100%;} ...to make IE recognize footer as a block that shall clear floats as one unit. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check - footer problems in IE
You're close enough :-) Add a 'hasLayout'[1] trigger... #footer {width: 100%;} ...to make IE recognize footer as a block that shall clear floats as one unit. regards Georg Thanks Georg, I love and hate how you make it so simple! You've bailed me out more than once. Best, Don __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check -
Hi All, Can I please get a page check on www.oneyed.com/mt/vendors/ideagen I have checked it with FF2 / IE7, but don't have access to any of the other browsers. If there are glaring mistakes in my CSS, please let me know, because if this looks okay across browser land it will become the template for that site. Kind Regards, Kevin J. Pledger __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check -
Kevin J Pledger wrote: Hi All, Can I please get a page check on www.oneyed.com/mt/vendors/ideagen I have checked it with FF2 / IE7, but don't have access to any of the other browsers. If there are glaring mistakes in my CSS, please let me know, because if this looks okay across browser land it will become the template for that site. Kevin, I don't have IE, but on Firefox the links are of normal weight - I assume this is the correct behaviour - whereas on Safari and Opera they appear in bold. Defining font-weight by numbers (your styles for a have the value at 600) is something I have found to be unreliable - like decimal em values, it is something that different browsers interpret differently. Seeing as there are currently no working methods for defining detailed font-weight, I'd recommend keeping the values to simply 'normal' or 'bold' - they are the only two possible results of any calculated number. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check -
Hi Kevin, I've checked it in Mac Firefox 1.5. Everything seems to be order, if you didn't want the horizontal-stripe white background going down to the footer on the left and right cols. The image 'Secured Network Solutions' has shifted left about 10px beyond the left margin of your central column (due, I think to your padding on the right... maybe). You may need to resize the pic. In Safari (v. 1.3) you get a horizontal scroll bar appearing and the text is flowing over the above-mentioned picture into the right column, then goes back to normal below the picture. This may be because I'm using an older version of Safari. the image problems probably come from the float and the right margin: img.flr { float: right; margin: 5px 10px 5px 5px; } Don't know if you need a clear fix or display statement for Safari, hopefully someone more knowledgeable on the list can help with that. Cheers, Tracy On Thursday, March 22, 2007, at 01:02 pm, Kevin J Pledger wrote: Hi All, Can I please get a page check on www.oneyed.com/mt/vendors/ideagen I have checked it with FF2 / IE7, but don't have access to any of the other browsers. If there are glaring mistakes in my CSS, please let me know, because if this looks okay across browser land it will become the template for that site. Kind Regards, Kevin J. Pledger __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check - Outdoor Image
Hi folks - Can I get a couple of eyeballs on this page, please? None of the links go anywhere, but I'd like critique of the page in especially MS. It validates, it looks good in Safari, FF for Mac, and Opera for Mac Any comments that might be off topic are welcome, but only in direct e-mail. Please don't post them to everyone. http://www.outdoorimage.com/newsite/ Thank you kindly. Keith Burgin [EMAIL PROTECTED] ___ Note: This e-mail and its contents are private and intended for viewing only by the person for whom they were intended. If you recieved this e-mail by accident, and are not the person for whom it was intended, please excuse the interruption. It was not intended. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check - mostly IE for PC
Hi folks - Could I get a page check on http://newsite.outdoorimage.com, please? I work in Mac, and have looked at it on Firefox, Opera, Safari, and Camino. I need IE for PC 6 and 7 if you have it. Everything validates so far. None of the links work yet. Thank you kindly, Keith Burgin [EMAIL PROTECTED] ___ Note: This e-mail and its contents are private and intended for viewing only by the person for whom they were intended. If you recieved this e-mail by accident, and are not the person for whom it was intended, please excuse the interruption. It was not intended. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check - mostly IE for PC
Keith Burgin wrote: Hi folks - Could I get a page check on http://newsite.outdoorimage.com, please? I work in Mac, and have looked at it on Firefox, Opera, Safari, and Camino. I need IE for PC 6 and 7 if you have it. Everything validates so far. None of the links work yet. Thank you kindly, Keith Burgin [EMAIL PROTECTED] Only a cursory glance, Keith. Nice page. IE7 looks fine. The text in the bottom right block is not appearing in ie/6.0. Both versions of ie are suffering from the em font-size bug (add font-size 100% to the body declaration). Incidentally the text is shooting the bottom of the three blocks with font scaling in ff. Opera (latest) is fine. Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
~davidLaakso wrote: Larry, I think it is probably working as you intend in ie7.0 and the latest versions of ff and opera. IE 6 and down do not support position fixed so problems are anticipated there. The flower image works on hover but not the header image on hover. There is left column float drop in ie/6.0-- probably due to the horizontal padding on the width bearing right column. Moving that padding to the inside elements might help (although others on the list may have an easier css work around). The page is against the left rail in ie5 and 5.5. Try adding text-align: center; to the body declaration. And text-align: left; to #wrap. Best, ~dL Thanks David. Did as you said. Unable to center the various buttons in the sidebar - despite margin 0 auto and text-align-center. Pls re-check for me? Also any suggestion - how to center those 'buttons'? Deeply appreciate your support. The 'fixed' problem implies I modify the design? Best. Larry From: ~davidLaakso [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Sunday, January 14, 2007 9:51 AM Subject: Re: [css-d] page check please Jehangir Larry wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Jehangir Larry wrote: Pls re-check for me? Also any suggestion - how to center those 'buttons'? Change to... .center { text-align:center; width: 190px;} ...and the buttons will be centered. The '.center' will otherwise collapse to the width of two buttons, and there's no width to center within. There's nothing to adjust any auto-margins against anyway, so no use in those. The 'fixed' problem implies I modify the design? Don't know. That's a design-decision. The addition of... * html a#swamiji {position: absolute;} ...will make that anchor appear where it should in IE/win but scrolling with the page. Nothing will happen in IE/win on :hover though. Comment: Please don't put my email address inside your stylesheet (or anywhere else). I don't want it spread around more than it is. If anything - put my site-address in there. It's on the bottom of this mail in most mail-agents :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Jehangir Larry wrote: ~davidLaakso wrote: Thanks David. Did as you said. Unable to center the various buttons in the sidebar - despite margin 0 auto and text-align-center. The above reference was to center the page. The page is centered now. However, the search thing is too wide-- consequently, the left column is dropped and hooked under the right column. The width of the left column is approx 190px. The search thing can be no wider (or a little less wide) than that. Pls re-check for me? Also any suggestion - how to center those 'buttons'? I am not sure what you mean by buttons. If buttons means all those validation buttons, personally I'd delete all of them. They confuse users. And have nothing to do with the content of the site. Deeply appreciate your support. The 'fixed' problem implies I modify the design? Someone else will have to advise you regarding the ie position fixed issue and the header not opening on hover. Best. Larry Regards, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Though I believe everything is working as you intend, I would suggest rethinking the header rollover trick. When I roll over the header image, the image extends, and thus increases the height of the page. But then if I move on to the navigation bar - in an effort to navigate to a particular section - the page shrinks, and my mouse pointer is effectively pulled away from the nav bar. i have to scroll up the page to get to it, now that the page has reverted to its shorter length. For what it's worth, I'm on Firefox 2.0 on the mac. I'm actually not sure how other browsers handle this type of scenario - though now I'm intrigued to find out! matt On 1/13/07, Jehangir Larry [EMAIL PROTECTED] wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Thanks David, Georg, Matt. Except for the header roll-over (the customer is king) implemented all suggestions. Long live this great list. Comment: Georg, your email in the css was due to a hasty cut/paste. Its gone :-) Regards, Larry - Original Message - From: Matt Dawson To: Jehangir Larry Cc: css-d@lists.css-discuss.org Sent: Monday, January 15, 2007 4:33 AM Subject: Re: [css-d] page check please Though I believe everything is working as you intend, I would suggest rethinking the header rollover trick. When I roll over the header image, the image extends, and thus increases the height of the page. But then if I move on to the navigation bar - in an effort to navigate to a particular section - the page shrinks, and my mouse pointer is effectively pulled away from the nav bar. i have to scroll up the page to get to it, now that the page has reverted to its shorter length. For what it's worth, I'm on Firefox 2.0 on the mac. I'm actually not sure how other browsers handle this type of scenario - though now I'm intrigued to find out! matt On 1/13/07, Jehangir Larry [EMAIL PROTECTED] wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL [continued]
~davidLaakso wrote: ~davidLaakso wrote: ~davidLaakso wrote: [trimmed] Whoops. I discovered a horrendous error and took it down. Back to the drawing board. ~dL Oh, my. Such a mess. Better now I hope. A page check of this test page with whatever you're running is appreciated. But when push comes to shove it's all versions of ie she hopes to please. The directory is here http://www.chelseacreekstudio.com/ca/auto/. Hmm, now it gives me a listing of files in /ca/auto. I guess auto.html is the file to open? Yes, that looks like a web site. Looks good to me in FF. Thank you for bearing with me. Computers are such cooperative beings, it's sad to see them maliciously interfering ... ;-) -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL [continued]
Subject: Re: [css-d] page check :: ~dL [continued] ~davidLaakso wrote: ~davidLaakso wrote: [trimmed] Whoops. I discovered a horrendous error and took it down. Back to the drawing board. ~dL Oh, my. Such a mess. Better now I hope. A page check of this test page with whatever you're running is appreciated. But when push comes to shove it's all versions of ie she hopes to please. The directory is here http://www.chelseacreekstudio.com/ca/auto/. Thank you for bearing with me. Best, ~dL Looks cool to me on IE7 and IE6 Win XP Prof Nice one David Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.16.10/624 - Release Date: 12/01/2007 14:04 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL [continued]
In Opera 9.10 there's a ~10px white gap between questions and the gray box (left column). The same space in FF 2.0.0.1, IE7, IE6 and Netscape is gray. In IE5.5 and IE6 the Chevrolet logo is not found. Also the contents of that gray box (Chevrolet Question?) is not centered like in the other browsers, as is that blue medal a bit further down in the column. PC WinXP Pro SP2. HTH, A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL [continued]
~davidLaakso wrote: ~davidLaakso wrote: A page check of this test page with whatever you're running is appreciated. But when push comes to shove it's all versions of ie she hopes to please. http://www.chelseacreekstudio.com/ca/auto/ Thanks to all who took time to offer comments and suggestions both on and off list. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Jehangir Larry wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry Larry, I think it is probably working as you intend in ie7.0 and the latest versions of ff and opera. IE 6 and down do not support position fixed so problems are anticipated there. The flower image works on hover but not the header image on hover. There is left column float drop in ie/6.0-- probably due to the horizontal padding on the width bearing right column. Moving that padding to the inside elements might help (although others on the list may have an easier css work around). The page is against the left rail in ie5 and 5.5. Try adding text-align: center; to the body declaration. And text-align: left; to #wrap. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/auto/ (embedded) Thanks. ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
Hi david safari 2.0.4 running off powerbook G4 - panther res 1440 x 900. Looks good. menu bar under banner has different weights to typefaces. - maybe cos links not in place. top 3 menu items on banner are a little unclear. especially my garge - the red is lost against background. email this page to friend looks a little out of place. apart form those v.minor things - i am jealous. Good job. Best wishes, Chris Christopher Blake [EMAIL PROTECTED] 07816163420 On 12 Jan 2007, at 18:45, ~davidLaakso wrote: A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/auto/ (embedded) Thanks. ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
~davidLaakso wrote: A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/auto/ Gives me a Forbidden message! :-( -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
~davidLaakso wrote: A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/auto/ (embedded) Thanks. ~dL Whoops. I discovered a horrendous error and took it down. Back to the drawing board. ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check :: ~dL
~davidLaakso wrote: ~davidLaakso wrote: A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/auto/ (embedded) Thanks. ~dL Whoops. I discovered a horrendous error and took it down. Back to the drawing board. What level of CSS does a drawing board support? ;-) -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check for newbite
My first CSS website. And my first post (hope it's not a duplicate), although I've been trying to follow and learn from the discussions for several weeks. http://www.callibeth.com/index.htm Although this page looks as I want it to in Firefox/PC and IE7/PC, I understand that this page doesn't do well in Safari/MAC -- the first and third letter boxes fall below the viewport, and middle box doesn't show up at all. Any clues as to how to fix it? Any other advice appreciated. I'm afraid my CSS has midstream-project spread. I'm not sure whether I should reference the CSS files. In case yes: http://www.callibeth.com/css/main.css http://www.callibeth.com/css/index.css Regards, Beth Lee Tallahasee, Florida www.callibeth.com callibeth.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check for newbite
For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser window, the left two boxes/columns (Calligraphy Book Arts and Art Prints for Sale) stay relatively still, while the Weddings Celebrations box/column, moves wildly about. The reason for this can be found in this code: #col1 { width: 150px; left: 330px; background-image: url(../site_images/A.jpg); } #col2 { width: 150px; left: 555px; background-image: url(../site_images/B.jpg); } #col3 { width: 150px; right: 330px; background-image: url(../site_images/C.jpg); } The problem is that third column is being position relative to the right side while the other two are relative to the left. What you end up with is a scenario at certain browser window sizes where the third column obscures one or both of columns 1 and 2. Easy fix though, right? All you have to do is position col3 with the left offset property. (Was there a specific reason you set it up the way you have it?) Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My first CSS website. And my first post (hope it's not a duplicate), although I've been trying to follow and learn from the discussions for several weeks. http://www.callibeth.com/index.htm Although this page looks as I want it to in Firefox/PC and IE7/PC, I understand that this page doesn't do well in Safari/MAC -- the first and third letter boxes fall below the viewport, and middle box doesn't show up at all. Any clues as to how to fix it? Any other advice appreciated. I'm afraid my CSS has midstream-project spread. I'm not sure whether I should reference the CSS files. In case yes: http://www.callibeth.com/css/main.css http://www.callibeth.com/css/index.css Regards, Beth Lee Tallahasee, Florida www.callibeth.com callibeth.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check for newbite
Thanks so much. (The specific reason I set it up the way I originally had it was ignorance :) although I don't have that excuse, really, after going through Eric Meyer's really excellent book *CSS Web Site Design*.) I guess that same solution would apply to my wrong-headed layout here?: http://www.callibeth.com/galleries.htm Beth -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 4:36 PM To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Subject: Re: [css-d] Page check for newbite For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser window, the left two boxes/columns (Calligraphy Book Arts and Art Prints for Sale) stay relatively still, while the Weddings Celebrations box/column, moves wildly about. The reason for this can be found in this code: #col1 { width: 150px; left: 330px; background-image: url(../site_images/A.jpg); } #col2 { width: 150px; left: 555px; background-image: url(../site_images/B.jpg); } #col3 { width: 150px; right: 330px; background-image: url(../site_images/C.jpg); } The problem is that third column is being position relative to the right side while the other two are relative to the left. What you end up with is a scenario at certain browser window sizes where the third column obscures one or both of columns 1 and 2. Easy fix though, right? All you have to do is position col3 with the left offset property. (Was there a specific reason you set it up the way you have it?) Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My first CSS website. And my first post (hope it's not a duplicate), although I've been trying to follow and learn from the discussions for several weeks. http://www.callibeth.com/index.htm Although this page looks as I want it to in Firefox/PC and IE7/PC, I understand that this page doesn't do well in Safari/MAC -- the first and third letter boxes fall below the viewport, and middle box doesn't show up at all. Any clues as to how to fix it? Any other advice appreciated. I'm afraid my CSS has midstream-project spread. I'm not sure whether I should reference the CSS files. In case yes: http://www.callibeth.com/css/main.css http://www.callibeth.com/css/index.css Regards, Beth Lee Tallahasee, Florida www.callibeth.com callibeth.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check for newbite
Yeah, it applies on that page too. Fixed position can be a bit tricky for that very reason. Floats will push each other out of the way and never overwrite each other, but the same can't be said for positioned elements. Any time you use positioning, you need to test (or at least think through) as many conceivable scenarios as possible. Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Thanks so much. (The specific reason I set it up the way I originally had it was ignorance :) although I don't have that excuse, really, after going through Eric Meyer's really excellent book *CSS Web Site Design*.) I guess that same solution would apply to my wrong-headed layout here?: http://www.callibeth.com/galleries.htm Beth -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 4:36 PM To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Subject: Re: [css-d] Page check for newbite For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser window, the left two boxes/columns (Calligraphy Book Arts and Art Prints for Sale) stay relatively still, while the Weddings Celebrations box/column, moves wildly about. The reason for this can be found in this code: #col1 { width: 150px; left: 330px; background-image: url(../site_images/A.jpg); } #col2 { width: 150px; left: 555px; background-image: url(../site_images/B.jpg); } #col3 { width: 150px; right: 330px; background-image: url(../site_images/C.jpg); } The problem is that third column is being position relative to the right side while the other two are relative to the left. What you end up with is a scenario at certain browser window sizes where the third column obscures one or both of columns 1 and 2. Easy fix though, right? All you have to do is position col3 with the left offset property. (Was there a specific reason you set it up the way you have it?) Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My first CSS website. And my first post (hope it's not a duplicate), although I've been trying to follow and learn from the discussions for several weeks. http://www.callibeth.com/index.htm Although this page looks as I want it to in Firefox/PC and IE7/PC, I understand that this page doesn't do well in Safari/MAC -- the first and third letter boxes fall below the viewport, and middle box doesn't show up at all. Any clues as to how to fix it? Any other advice appreciated. I'm afraid my CSS has midstream-project spread. I'm not sure whether I should reference the CSS files. In case yes: http://www.callibeth.com/css/main.css http://www.callibeth.com/css/index.css Regards, Beth Lee Tallahasee, Florida www.callibeth.com callibeth.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page check for newbite
The short answer is no, that's not possible. Granted, you could do some complex math and set up max and min widths for the containing element, but that's not universally supported and...well, it's just overly complicated. If you want to use percentage margins to separate the columns, consider floating them to position instead. This will require an extra container div to hold the three columns, as your current markup would have them floating up to the top of your header. Floating isn't the only option: you could also wrap those columns in a div, center the containing div, and use relative positioning to place the columns within the containing div. It all depends on the final look you want. (If you need more specific help on this, I'd be glad to consult off list.) Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Wow, what an easy fix. Thanks. Another question: how to think about px versus percentage when setting up the margins for these boxes on the galleries page? I'd like to use percentages to accommodate different size viewports, but if my boxes are px-sized, is that possible? Before CSS, I used to think of myself as a very logical person ... Beth -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 5:07 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Page check for newbite Yeah, it applies on that page too. Fixed position can be a bit tricky for that very reason. Floats will push each other out of the way and never overwrite each other, but the same can't be said for positioned elements. Any time you use positioning, you need to test (or at least think through) as many conceivable scenarios as possible. Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Thanks so much. (The specific reason I set it up the way I originally had it was ignorance :) although I don't have that excuse, really, after going through Eric Meyer's really excellent book *CSS Web Site Design*.) I guess that same solution would apply to my wrong-headed layout here?: http://www.callibeth.com/galleries.htm Beth -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 4:36 PM To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Subject: Re: [css-d] Page check for newbite For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser window, the left two boxes/columns (Calligraphy Book Arts and Art Prints for Sale) stay relatively still, while the Weddings Celebrations box/column, moves wildly about. The reason for this can be found in this code: #col1 { width: 150px; left: 330px; background-image: url(../site_images/A.jpg); } #col2 { width: 150px; left: 555px; background-image: url(../site_images/B.jpg); } #col3 { width: 150px; right: 330px; background-image: url(../site_images/C.jpg); } The problem is that third column is being position relative to the right side while the other two are relative to the left. What you end up with is a scenario at certain browser window sizes where the third column obscures one or both of columns 1 and 2. Easy fix though, right? All you have to do is position col3 with the left offset property. (Was there a specific reason you set it up the way you have it?) Matt On 1/12/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My first CSS website. And my first post (hope it's not a duplicate), although I've been trying to follow and learn from the discussions for several weeks. http://www.callibeth.com/index.htm Although this page looks as I want it to in Firefox/PC and IE7/PC, I understand that this page doesn't do well in Safari/MAC -- the first and third letter boxes fall below the viewport, and middle box doesn't show up at all. Any clues as to how to fix it? Any other advice appreciated. I'm afraid my CSS has midstream-project spread. I'm not sure whether I should reference the CSS files. In case yes: http://www.callibeth.com/css/main.css http://www.callibeth.com/css/index.css Regards, Beth Lee Tallahasee, Florida www.callibeth.com callibeth.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http
Re: [css-d] page check :: ~dL [continued]
~davidLaakso wrote: ~davidLaakso wrote: [trimmed] Whoops. I discovered a horrendous error and took it down. Back to the drawing board. ~dL Oh, my. Such a mess. Better now I hope. A page check of this test page with whatever you're running is appreciated. But when push comes to shove it's all versions of ie she hopes to please. The directory is here http://www.chelseacreekstudio.com/ca/auto/. Thank you for bearing with me. Best, ~dL : -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check!!
Hi list, Cross browser check please. http://www.highburytearooms.com.au http://www.highburytearooms.com.au/highbury.css There are a couple of errors that I am aware and I would like some help in sorting them out. IE 6.0 two layers not showing up . I have fooled around with z-index etc to no avail. FF 1.5 All seems to be in order and rendering ok Opera 9.0 I have an ongoing prob with font size ... view zoom is set at 100% also an unwanted background color showing up on the h4 tags Thanks in advance, Keno. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Page Check and Input Button Problem
Rahul Gonsalves wrote: ~davidLaakso wrote: Rahul Gonsalves wrote: In reference to: http://mockups.rahulgonsalves.com/mitra/mockup.html I am getting a 404 at the moment, Rahul. I should have clarified - the Sign Up button in the bottom-right corner, was the one that was giving me problems. It's still being badly behaved. Perhaps someone else can resolve the submit button problem. Float drop in xp ie/6.0 at text-size larger and largest. I can reproduce at text-size larger, but not at largest. As I recall, it was dropping at font-size 'larger' (not font-size 'larger' /and/ 'largest' as I wrote). At some point in time, I think I would actually like the floats to drop, rather than for readers to be presented with a horizontal scrollbar. Thoughts? Have you tried min/max width? Warmly, - Rahul. Regards, ~dL -- http://chelseacreekstudio.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] Page Check and Input Button Problem
Rahul Gonsalves wrote: Dear All, http://mockups.rahulgonsalves.com/mitra/mockup.html My first non-fixed width layout, so I'd like comments on whether this is, if not the best, then at least a good method of constructing a page. I did not see any replies to your post, Rahul. One of the problems that I'm facing is that the submit button does not shift its position on hover. I'm not quite sure this happens, as I used the method on this page, which seems to work in both IE and FF. http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ Well, I can't help with that (I guess one needs to know what a submit button is? :-) ). Any help with the input problem, and general feedback on whether I'm doing things right would be useful. Non-css suggestions welcome as always, but offlist please. Float drop in xp ie/6.0 at text-size larger and largest. Warmly, - Rahul. Best, ~dL PS Nice color and typography. -- http://chelseacreekstudio.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] Page Check and Input Button Problem
~davidLaakso wrote: Rahul Gonsalves wrote: One of the problems that I'm facing is that the submit button does not shift its position on hover. Well, I can't help with that (I guess one needs to know what a submit button is? :-) ). I should have clarified - the Sign Up button in the bottom-right corner, was the one that was giving me problems. It's still being badly behaved. Any help with the input problem, and general feedback on whether I'm doing things right would be useful. Non-css suggestions welcome as always, but offlist please. Float drop in xp ie/6.0 at text-size larger and largest. I can reproduce at text-size larger, but not at largest. At some point in time, I think I would actually like the floats to drop, rather than for readers to be presented with a horizontal scrollbar. Thoughts? Best, ~dL PS Nice color and typography. Now coming from you, that is a compliment! Thank you David. Strong influences from much better designed sites elsewhere. Warmly, - Rahul. -- Rahul Gonsalves (Personal) w: www.rahulgonsalves.com e: [EMAIL PROTECTED] - __ 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] Page Check and Input Button Problem
Dear All, http://mockups.rahulgonsalves.com/mitra/mockup.html My first non-fixed width layout, so I'd like comments on whether this is, if not the best, then at least a good method of constructing a page. One of the problems that I'm facing is that the submit button does not shift its position on hover. I'm not quite sure this happens, as I used the method on this page, which seems to work in both IE and FF. http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ Any help with the input problem, and general feedback on whether I'm doing things right would be useful. Non-css suggestions welcome as always, but offlist please. Warmly, - Rahul. -- Rahul Gonsalves (Personal) w: www.rahulgonsalves.com e: [EMAIL PROTECTED] - __ 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/