Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Philippe Wittenbergh wrote: On Sep 16, 2008, at 1:31 PM, Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html That can't work correctly on IE 7, as far as can tell. That browser supports selectors of the type #vc-frame[id], but has no support for display:table-*. I'm not surprised that davidL is reporting a failure. One would have to throw IE into Quirks mode for it to work. (I haven' seen the thing 'live on IE', as I'm nowhere near to a Windows machine). Sorry guys-- The monitor has died on my Windows machine and I'm waiting for a new one to come in. I was under the impression that IE7 was supporting display:table-*, but clearly, that's incorrect. Presumably, moving the IE only code block into a conditional comment block will fix that. If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. I should have a new monitor for the Windows Beast tomorrow, so I can test before sending off any more bad info. I don't have a Mac or access to one, so I'm also a little curious to know how it does on a Mac OS. Thanks. Bill -- ~~~ Bill Brown, MacNimble.com :: From dot concept to dot com since 1999 WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~ __ 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] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. IE 5.5 No (aligns left middle) IE6 Yes IE7 Yes Win Safari 3.0.3 Yes Opera 9.25 Yes Firefox 3 Yes __ 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] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Bill Brown [EMAIL PROTECTED] wrote: Martin Möller wrote: If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. IE 5.5 No (aligns left middle) Simple fix added to support hcenter for IE5.5 (which should also fix 5.01). Yep 5.5 works now! :) __ 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 doesn't hold up on zooming text
Good afternoon list, Following up on my post footer gets pushed to the left on page zoom i tried another approach which fairly behaves the way i want. But i'm still struggling with some problems: [1] Moz, FF, IE (6 7): page falls apart on zoom text. IE only seems to have a problem with the left nav menu when switching to view --- largest. [2] In Moz, when zooming to 33%, the text underneath the footer nav, starts breaking out of the footer. FF doesn't seem to have that problem. http://www.dzinelabs.com/sandbox/Stickfooter.html Css embedded Validates -- Best regards, Luc Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Flattery makes friends and truth makes enemiesYiddish proverb __ 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] Larger Chinese characters
I would like to find a way to automagically increase the font size for Chinese characters when interspersed with Western European characters. An examples are at: http://catalog.etco.com/item.php?sku=08393l=c (mixed) http://catalog.etco.com/item.php?sku=08393l=e English Thank you -- Tony Lush __ 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] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html The advantage is that the centered element stays within reach no matter the size of it and the window. The disadvantage is that I have used an IE-expression to simulate CSS table behavior in IE7 and older. 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] Lists, Div Rollovers and Validation
I have been working on some alternative approaches to a list but have been unable to get anything working that seems to validate. Always get the following error: Line 112, Column 19: document type does not allow element ul here; missing one of object, applet, map, iframe, button, ins, del start-tag. ul The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as p or table) inside an inline element (such as a, span, or font). Don't seem to be able to put anything inside the a I have tried a number of approaches (none of which validate): http://www.stkelectronics.com.vhost.zerolag.com/site/polypropylene- new.php http://www.stkelectronics.com.vhost.zerolag.com/site/polypropylene.php and the first approach which didn't work with Firefox but did with Safari and IE: http://www.stkelectronics.com.vhost.zerolag.com/site/ polypropylene-old.php Anyone have any thoughts... Thanks! -Christopher __ 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] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
On Tue, Sep 16, 2008 at 6:21 PM, Gunlaug Sørtun wrote: Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html I would also add this other solution [1] to the mix :-) which also avoids the problem mentioned by Georg (at the cost of some extra unsemantic elements). Bruno [1] http://www.brunildo.org/test/shrink_center_4.html -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
At 7:16 PM +0200 9/16/08, Bruno Fassino wrote: On Tue, Sep 16, 2008 at 6:21 PM, Gunlaug Sørtun wrote: Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html I would also add this other solution [1] to the mix :-) which also avoids the problem mentioned by Georg (at the cost of some extra unsemantic elements). Bruno [1] http://www.brunildo.org/test/shrink_center_4.html While people are providing solutions for page centering (not sentence centering), here's mine: http://webbytedd.com/b2/vertical-center-tedd/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Displaying a form inline
Does anybody perhaps know of a way to display a form inline next to a link? I would use 'display: inline' or use a 'span' instead of a div, but you have three nested div's so I don't know. You could position the outside 'div' with 'style.left' and 'style.top'. Aaron __ 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] Opinions on Yahoo CSS grid builder
IMO, the resulting YUI grid constructions are less practical than nested-table constructions. That in addition to the fact that I don't like 'locked em-sizing' in web design, means I'll never use or recommend the grid builder. Maybe they can take your suggestions and make it better. __ 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 doesn't hold up on zooming text
Luc wrote: Good afternoon list, Following up on my post footer gets pushed to the left on page zoom i tried another approach which fairly behaves the way i want. But i'm still struggling with some problems: [1] Moz, FF, IE (6 7): page falls apart on zoom text. IE only seems to have a problem with the left nav menu when switching to view largest. All browsers have difficulty with the long-words in the vertical nav with font-scaling. I'll pass on that for today, and deal only with lessor matters... Moz? What Moz you got? Only got Mac FF/3.0.1 and Mac SeaMonkey/1.1.11 on this end. IE/6 and IE/7 drop the right column float at text-size largest when font-sizes are ignored in accessibility mode. [2] In Moz, when zooming to 33%, the text underneath the footer nav, starts breaking out of the footer. FF doesn't seem to have that problem. Moz? Moz when zooming to 33%. I don't understand. The #signature has a negative margin left. The block needs to be reset. http://www.dzinelabs.com/sandbox/Stickfooter.html html, body { /*height: 100%;delete*/ } body { /*position:absolute;width:100%; delete*/} #wrapper{/*min-height:100%;delete*/} /* use easy clearing to open the container vertically and contain it's content in IE/6 */ #contentwrapper { border: 1px dashed teal/* for position only */; overflow : hidden; } #contentwrapper:after { content : '.'; display : block; height : 0; clear : both; visibility : hidden; } #contentwrapper { display : inline-block; } #contentwrapper { display : block; }/* end easy clearing*/ /* keep float from dropping when font-sizes ignored (accessibility mode) and text-size is set to largest in IE/6.0 */ * html #contentright {overflow-x: hidden; border-left: 1px dashed blue;/* for position only */} #footer { background:fuchsia;/* for position only */ /*padding: 16px 0 0 0;delete*/ padding: 16px 0 3em 0;/*add*/} /** html #wrapper{height:100%} delete**/ On to swilling a fist-full of Tylenol Extra Strength to recover from squinting at unreadable primary content mousetye and enormous vertical navigation links that are also unreadable. -- A thin red line and a salmon-color ampersand forthcoming. 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 doesn't hold up on zooming text
http://www.dzinelabs.com/sandbox/Stickfooter.html Also needed: #signature { /* margin-top: 3em; margin-left: -35px; delete*/ margin : 3em auto 0 auto; width: 400px; /*add to keep this stuff from breaking the container with font-scalling*/ } __ 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] Lists, Div Rollovers and Validation
Hi Bill, Just out of curiosity, why are you using div's here instead ordinary lists ulli/li/ul? Is there a specific reason that I'm missing? HTH's ... Bill. On the first attempt that is what I did: http:// www.stkelectronics.com.vhost.zerolag.com/site/polypropylene-old.php Didn't work in Firefox and wouldn't validate. Its the a tag I believe causing the ruckus as you mention. Problem is I need that whole region with the individual products in it to be a link. On Sep 16, 2008, at 11:21 AM, whaggerty wrote: Good Tuesday morning Christopher ... On the 16th of September you wrote -- - Original Message - From: Christopher Kip [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, September 16, 2008 8:11 AM Subject: [css-d] Lists, Div Rollovers and Validation I have been working on some alternative approaches to a list but have been unable to get anything working that seems to validate. Always get the following error: Line 112, Column 19: document type does not allow element ul here; missing one of object, applet, map, iframe, button, ins, del start-tag. ul The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as p or table) inside an inline element (such as a, span, or font). Don't seem to be able to put anything inside the a I have tried a number of approaches (none of which validate): http://www.stkelectronics.com.vhost.zerolag.com/site/polypropylene- new.php http://www.stkelectronics.com.vhost.zerolag.com/site/ polypropylene.php and the first approach which didn't work with Firefox but did with Safari and IE: http://www.stkelectronics.com.vhost.zerolag.com/site/ polypropylene-old.php Anyone have any thoughts... Thanks! -Christopher and I answered -- The div tag is contained in an a tag (which was opened in line 111). This may be acceptable for some browsers (such as Internet Explorer and Netscape), but HTML 4.01 and XHTML do not allow this. It may also cause problems or unexpected page rendering for more compliant browsers such as Firefox, Mozilla, and Opera. Possible solutions: 1. Close the a tag before using the div tag. Depending on the correct usage of the closed tag, you may be able to reopen it after using the div tag; 2. Eliminate the div tag; or 3. Reorder the div and a tags. This is true for all instances (lines 112 through 116) The same is also true for the p tags (lines 121 through 125) that are contained in an a tag opened in line 120 and again from lines 129 through line 154 . Just out of curiosity, why are you using div's here instead ordinary lists ulli/li/ul? Is there a specific reason that I'm missing? HTH's ... Bill. __ 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] padding margin differences between Firefox 2 and 3
I am testing an updated doctype in some of my pages. I have a drop down menu that sits correctly in every browser except FireFox 2. Is there a way to correct in Firefox 2, and not affect Firefox 3, Safari or Chrome? Thanks in Advance Nancy __ 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] overflow: auto does not behave as I thought it would
Olivier Sannier wrote: Well, yes, if I remove the padding, it shows up in SeaMonkey, but I need the padding. And I also checked the page on IE, it works just fine as I expect it to work. The issue I'm having is with SeaMonkey, so I suspect it is also showing with FireFox 2 Anyone has any idea? Answering myself here, I found the solution. The style was this : div.miniadmin-content { font-size : .9em; max-height : 80px; overflow : auto; } I simply added a width statement to get this : div.miniadmin-content { font-size : .9em; max-height : 80px; width: 100%; overflow : auto; } And now the display is the same in IE and SeaMonkey. You can see the result here: http://obones.free.fr/cssbox/ Regards Olivier __ 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] padding margin differences between Firefox 2 and 3
Nancy Johnson wrote: I am testing an updated doctype in some of my pages. I have a drop down menu that sits correctly in every browser except FireFox 2. Is there a way to correct in Firefox 2, and not affect Firefox 3, Safari or Chrome? Thanks in Advance Nancy Might be a good idea, if you are able to do so, to provide a clickable link to the page/issue in question in your post? -- A thin red line and a salmon-color ampersand forthcoming. 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] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
tedd wrote: While people are providing solutions for page centering (not sentence centering)... Just to make sure nothing gets lost in translation: full page centering and in-page content centering are two sides of the same thing as far as I'm concerned. I cover both page centering and sentence (in a paragraph) centering in the article I linked to, and the latter is also exemplified in one of the demos following my article... http://www.gunlaug.no/tos/moa_11g.html I have also covered the limitations. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Lists, Div Rollovers and Validation
Christopher Kip wrote: On the first attempt that is what I did: http:// www.stkelectronics.com.vhost.zerolag.com/site/polypropylene-old.php Didn't work in Firefox and wouldn't validate. Its the a tag I believe causing the ruckus as you mention. Problem is I need that whole region with the individual products in it to be a link. You're limited to using spanproduct/span or similar inline-element constructions inside an anchor. You can then style them anyway you like. An alternative would be to restrict the anchor to contain only the first line, and style it to cover the entire region of products no matter which elements are being used. I've covered the basics here... http://www.gunlaug.no/tos/moa_36.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/
Re: [css-d] Lists, Div Rollovers and Validation
Figured out something maybe. Using spans: http://www.stkelectronics.com.vhost.zerolag.com/site/polypropylene- span.php seems to work and validate but for some reasons on IE6 on some computers the text blinks when rolling over the div. But on other computers with the same version of IE6 it is fine... Could be because of display: block on span maybe??? Thanks -christopher On Sep 16, 2008, at 11:48 AM, Christopher Kip wrote: Hi Bill, Just out of curiosity, why are you using div's here instead ordinary lists ulli/li/ul? Is there a specific reason that I'm missing? HTH's ... Bill. On the first attempt that is what I did: http:// www.stkelectronics.com.vhost.zerolag.com/site/polypropylene-old.php Didn't work in Firefox and wouldn't validate. Its the a tag I believe causing the ruckus as you mention. Problem is I need that whole region with the individual products in it to be a link. On Sep 16, 2008, at 11:21 AM, whaggerty wrote: Good Tuesday morning Christopher ... On the 16th of September you wrote -- - Original Message - From: Christopher Kip [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, September 16, 2008 8:11 AM Subject: [css-d] Lists, Div Rollovers and Validation I have been working on some alternative approaches to a list but have been unable to get anything working that seems to validate. Always get the following error: Line 112, Column 19: document type does not allow element ul here; missing one of object, applet, map, iframe, button, ins, del start-tag. ul The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as p or table) inside an inline element (such as a, span, or font). Don't seem to be able to put anything inside the a I have tried a number of approaches (none of which validate): http://www.stkelectronics.com.vhost.zerolag.com/site/polypropylene- new.php http://www.stkelectronics.com.vhost.zerolag.com/site/ polypropylene.php and the first approach which didn't work with Firefox but did with Safari and IE: http://www.stkelectronics.com.vhost.zerolag.com/ site/ polypropylene-old.php Anyone have any thoughts... Thanks! -Christopher and I answered -- The div tag is contained in an a tag (which was opened in line 111). This may be acceptable for some browsers (such as Internet Explorer and Netscape), but HTML 4.01 and XHTML do not allow this. It may also cause problems or unexpected page rendering for more compliant browsers such as Firefox, Mozilla, and Opera. Possible solutions: 1. Close the a tag before using the div tag. Depending on the correct usage of the closed tag, you may be able to reopen it after using the div tag; 2. Eliminate the div tag; or 3. Reorder the div and a tags. This is true for all instances (lines 112 through 116) The same is also true for the p tags (lines 121 through 125) that are contained in an a tag opened in line 120 and again from lines 129 through line 154 . Just out of curiosity, why are you using div's here instead ordinary lists ulli/li/ul? Is there a specific reason that I'm missing? HTH's ... Bill. __ 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] padding margin differences between Firefox 2 and 3
Thank you, the page in question isn't live so I cannot show it Nancy On Tue, Sep 16, 2008 at 3:38 PM, David Laakso [EMAIL PROTECTED] wrote: Nancy Johnson wrote: I am testing an updated doctype in some of my pages. I have a drop down menu that sits correctly in every browser except FireFox 2. Is there a way to correct in Firefox 2, and not affect Firefox 3, Safari or Chrome? Thanks in Advance Nancy Might be a good idea, if you are able to do so, to provide a clickable link to the page/issue in question in your post? -- A thin red line and a salmon-color ampersand forthcoming. 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] Background image not centered in IE7
Page: http://tr.im/v0 CSS: http://tr.im/v1 IE7, on this page only, aligns the background image with the left edge of the browser. You have to reduce the window size to see it, as I made some changes to make it not look so awful. I am fairly sure this has to do with the image that is floated and some box model interpretation, but I am having a hard time figuring it out or fixing it (I¹m a student and still learning this stuff). The index page uses the same CSS and the background image is properly center aligned on it, and when I ³unfloat² the image, the issue goes away on this page, so those are big clues. It¹s probably something standard to do with clearing the float or something that I¹ve missed, but I¹m just not figuring it out. Thanks in advance for any help on this! (also, the png image fix for IE isn¹t working all the way am I doing something wrong with the conditional comment/ie stylesheet? And you can ignore the styleswitcher it only works in Firefox and Opera, and is an experiment as I am just beginning a Javascript class) PS this is my FIRST question post to CSS-discuss, so be gentle! :) __ 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] padding margin differences between Firefox 2 and 3
Nancy Johnson wrote: Thank you, the page in question isn't live so I cannot show it Nancy I am testing an updated doctype in some of my pages. I have a drop down menu that sits correctly in every browser except FireFox 2. Is there a way to correct in Firefox 2, and not affect Firefox 3, Safari or Chrome? Thanks in Advance Nancy Hmm. No tickee no shirtee? E-mail the files off-list as a zip attachment and I'll put on my server. We can then both wait for someone on the list to resolve your problem. Maybe. -- A thin red line and a salmon-color ampersand forthcoming. 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] can not highlight text in IE
Hi I am developing an tool, it has a major problem with ie See the sample page here: http://cad.auckland.ac.nz/courses/1/publish/1/ the text in the page can not be highlighted. This will become a problem for students that use IE for online studying. Google around, could not find a solution... Anyone know a holy grill solution to this problem? Thanks in advance WenChen __ 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 doesn't hold up on zooming text
Good evening David, It was foretold that on 16/09/2008 @ 14:35:43 GMT-0400 (which was 15:35:43 where I live) David Laakso would write: snipped a bit All browsers have difficulty with the long-words in the vertical nav with font-scaling. Yeah i know, just haven't figured out a solution yet banging head on table Moz? What Moz you got? Only got Mac FF/3.0.1 and Mac SeaMonkey/1.1.11 on this end. Mozilla 1.7.13 html, body { /*height: 100%;delete*/ body { /*position:absolute;width:100%; delete*/} #wrapper{/*min-height:100%;delete*/} I used these to get the sticky footer'... /* use easy clearing to open the container vertically and contain it's content in IE/6 */ #contentwrapper { border: 1px dashed teal/* for position only */; overflow : hidden; #contentwrapper:after { content : '.'; display : block; height : 0; clear : both; visibility : hidden; #contentwrapper { display : inline-block; #contentwrapper { display : block; }/* end easy clearing*/ Darn, didn't even notice that the clearing method was needed. #contentwrapper { display : inline-block;} For the Mac, right? #contentwrapper { display : block;} Ah, resetting for IE Doesn't #contentwrapper need zoom: 1; to get hasLayout for IE7 in this case? /** html #wrapper{height:100%} delete**/ Was part of my 'sticky' footer approach Also needed: #signature { /* margin-top: 3em; margin-left: -35px; delete*/ margin : 3em auto 0 auto; width: 400px; /*add to keep this stuff from breaking the container with font-scalling*/ Of course I'll implement the changes 2morrow... TIA -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Not a single one of your ancestors died young. They all copulated at least once. - A cheery thought from Richard Dawkins - British zoologist __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari on Windows has a nifty CSS debugger
Jack: Thanks for these tips. Firefox has its own DOM interpreter, but also has the Firebug extension, which will allow you to inspect/edit the DOM and stylesheets while viewing the page. I have used the DOM inspector but Firebug will not (yet) install in Firefox 3.x, although oddly enough, some of its plug-ins will! Opera has Dragonfly, I think, built in that lets you do the same. Thanks, will check it out. Google Chrome is built from Safari, and also includes helpful development tools. I can't get Chrome to install properly and *function* on Windows XP SP3. And for some weird reason it installs in my home directory, not in C:\\Program Files\, like every other app on the planet, including Google's other apps. Also, Chrome is built on a version of WebKit earlier than that in Safari, so I am afraid I will have to forego Chrome's tools. Internet Explorer has the Internet Development Toolbar which lets you inspect elements, and to see if they're being given layout. Ah, yes, the dreaded hasLayout bug. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/