Re: [css-d] IE 6 bug - box cuts in half
fat graffix wrote: - http://www.fatgraffix.com/2008-test-01/index.html purple box floats left with a margin-left: -105px value inside a div, and the floating box cuts in half in IE 6... That's normal, buggy, behavior in IE6. Declare 'position: relative' on the purple box to remedy IE6' stacking bug. 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] Fixed blocks, now spacing issue
Kim Brooks Wei wrote: at http://njlada.com/sandbox I don't know why there's so much space between tr-s in my table. There isn't, but the paragraphs and headlines inside the TDs have margins - by default if not declared. Controlling those margins by declaring something like... td * {margin: 3px 0;} ...will correct any space-issue in the table. Also, you should add... #lnav {display: inline;} ...to prevent IE6' margin-doubling on floats bug from ruining the line-up. 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] Fixed blocks, now spacing issue
On May 21, 2008, at 2:57 PM, Kim Brooks Wei wrote: I fixed my block problem. A big help was pointing my html to the correct css file. at http://njlada.com/sandbox I don't know why there's so much space between tr-s in my table. The text in each td is wrapped in a p The space you see is the default margin (1em) on that element. .listings td p {margin:0 /* adjust to taste */} will help. Philippe --- Philippe Wittenbergh http://l-c-n.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] Site Check please
http://mothership.co.nz/blog Our blog uses GridFocus from 5thirtyone.com with some custom modifications. Just now I've swapped the first and second columns around as I prefer the larger column to be in the centre, as (to me) it looks more proportioned. I've checked it in OS X: Safari 3+, Camino 1.6, Firefox 3, and Windows XP: IE 6, IE7, Firefox 3, and Safari 3.1 and it appears to render correctly. Could the kind folk on the list have a look and see if I've missed anything? (quite possible, as I've done it at the end of a long day!). All feedback greatly accepted. Kind regards, Karl mothership | mothership.co.nz __ 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] Block elements blooey
Kim Brooks Wei schrieb: I've gotten myself in trouble with this layout, and I can't figure my way out of it, although I've been trying for a while. This is what I want the layout to be: * Textured body borders right and left and ivory content box centered between them This works now but I don't why. I can't see where I've defined right and left margins. From line 213 on: #content { text-align: center; margin: 0 2.5em 0; padding-top: 1.6em; border-left: 1px solid #6681aa; border-right: 1px solid #6681aa; border-top: 6px solid #6681aa; border-bottom: 6px solid #6681aa; color: #849bb9; background: #F8FCD3; } * The logo should center to the page If you give the #logo the same margin-left as the #contant, it should appear centered * The left nav box is in the right place * Everything else should center to the area between the left nav box and right border of content box. This isn't happening. Some items almost center, some don't center at all. Apparently the uls are pushing their contents to the right. You defined: #content #container { height: 1%; margin: 0 auto; text-align: left; padding: 1em 6em 0; } ...which gives that element symmetrical paddings of 6em on both the left and the right side. But if you have an additional element (the menu) on the left side, and want to let the main contents appear centered to the space that is left without the menu, you have to increase the left padding to about 14em. TIA for help. By the way: There are some validation errors in the HTML (http://validator.w3.org/) Best regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza __ 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] Nested floats
I searched the archives looking for a fix to this problem and found that I had to create a new block formatting context, which I did by adding overflow:hidden to the container of the nested float, which I did and it did change something, but nothing relevant. Furthermore, the issue is different whether on FF or IE. I made a sample page to show the problem and what I want: http://satyam.com.ar/floats.html Basically, I have a JavaScript library which generates some HTML and I want to show how you can completely change the layout of the page by using a different CSS className on the outermost container (possibly the body element) without changing the JavaScript at all. The sample page above does not use JavaScript at all, I just copied the results of what the JS library would generate, to make it safe to see and easy to modify. At his point I can modify both the JavaScript which generates the HTML and, of course, the CSS (that's the whole point). The HTML generated, though, has to be the same for a labels-on-the-left to a labels-on-the-right layout, the difference should only be in the CSS definition used. What I don't want is to have the user of the library to have to modify the library code or provide any arguments to the library functions to determine layout issues. I don't want the visual designer to have to ask the programmer to do anything to change the layout. Thanks Satyam __ 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] Site Check please
Karl Hardisty wrote: http://mothership.co.nz/blog All feedback greatly accepted. Karl It looked fine to me cross-browser, Karl. Couple of trivial CSS errors to correct. Aside: The title of the document does not seem to appear in the text. Font-scaling breaks the long word mothership. in the nav It is not very user friendly to feed the IE's pixel fonts. If you are into pushing the envelope, minimum font-size 32px in Opera does a real number on the page. -- 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] Broken borders in IE 6 and the third column placement
Thanks Gunlaung, I modified the CSS based on your suggestions and your magic works :) The question I have is that if we need to keep the panel sequence i.e. panel1, content, panel2, what do we need to sacrifice? Will it need to be fixed positions? Regards, Sohail On 5/20/08, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Sohail Aboobaker wrote: Gurus, We are trying to design a simple CSS based layout but it turns out nothing is as simple :). The design can be seen at http://www.newwavecell.com/design/Index.html There are two issues: a. The border lines are broken when we scroll down using IE. It works fine with Mozilla. Add... #content {position: relative;} ...to correct IE's stacking bugs. b. The content in third column always shows up in the bottom and we can't make it to appear at the top. Rearrange markup so you have... div id=pannelone . /div div id=panneltwo . /div div id=content . /div div id=footer . /div ...as that's the only order that'll work with such a margin-centered in the flow main-content column. Both floating columns must come first in the source-code. Also, add... #pannelone {clear: both;} ...to prevent the line-up from breaking in decent browsers when subjected to font-resizing. 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] Broken borders in IE 6 and the third column placement
Sohail Aboobaker wrote: The question I have is that if we need to keep the panel sequence i.e. panel1, content, panel2, what do we need to sacrifice? Will it need to be fixed positions? Absolute positioning is an option, but not one I'd promote. The most cross-browser reliable solution still seems to be the now quite old 'negative margins' method... http://www.alistapart.com/articles/negativemargins ...and I use variations of that as basis or part of almost every layout I create. Works every time - at least for me. 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] How to align list numbers?
Is there a way to align roman numeral list numbers left, instead of right-aligned on the period? Example: I. List item 1 II. List item 2 Instead of: I. List item 1 II. List item 2 Thanks in advance. And apologies for whatever corporate-mandated disclaimer that might appear below. David Jones, Content Coordinator, Customer Relations - KL PS, (808) 948-5830 MMS hmsa.com made the following annotations. -- This electronic message is not an offer to contract, the acceptance of an offer to contract, or in any other way intended to contractually obligate HMSA; neither is it intended to change the terms of any existing contract unless specifically so stated. The information contained in this electronic message (or attached hereto) is intended only for the individual or entity to which it is addressed and may contain information that is confidential and protected by law. If you are not the intended recipient of this e-mail, you are cautioned that use of its contents in any way is prohibited and may be unlawful. If you have received this communication in error, please notify the sender immediately by e-mail or telephone and return the original message by e-mail to the sender or to [EMAIL PROTECTED] We will reimburse you for any cost you incur in notifying us of the errant e-mail. Thank you. · == __ 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/