Re: [css-d] css drop down not working in IE
bill scheider wrote: I've just taken over as the website manager for a recently-launched site at http://portland.shambhala.org/ . The main menu is a css dropdown and it's working as it should in FF, Opera, Chrome and Safari. In IE6 and 7 (and maybe 8; I haven't checked), the main menu is present but the menu doesn't drop down. Before bothering too much with the CSS, try changing doctype declaration to trigger W3C standards mode in all browsers. The doctype you use now leaves that page in quirks mode across the board, meaning all IE versions go one way (limited to IE5.5 standard more or less), and all others go another way (non-IE quirks mode - not too far from W3C standards), on several points. regards Georg Georg, Thanks for the quick response. Switching the doctype to xhtml 1.0 transitional did the trick with the menu. Thanks for the help. Of course, it introduced 390 validation errors into that page, mostly syntax. So the fix is a mixed blessing. Did I mention that I just took this site over? And as a volunteer :-) Bill __ 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] css drop down not working in IE
On Oct 3, 2009, at 3:14 PM, bill scheider wrote: bill scheider wrote: I've just taken over as the website manager for a recently-launched site at http://portland.shambhala.org/ . The main menu is a css dropdown and it's working as it should in FF, Opera, Chrome and Safari. In IE6 and 7 (and maybe 8; I haven't checked), the main menu is present but the menu doesn't drop down. ... Thanks for the quick response. Switching the doctype to xhtml 1.0 transitional did the trick with the menu. Thanks for the help. Of course, it introduced 390 validation errors into that page, mostly syntax. So the fix is a mixed blessing. Did I mention that I just took this site over? And as a volunteer :-) You don't need to switch to an XHTML doctype. You could use HTML 401 transitional (like you originally had) but with a full doctype. http://hsivonen.iki.fi/doctype/ Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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] grid without tables?
I'm trying to be a good HTMLer and not use tables, but I can't figure out how to create this look : http://www.alanhome.com/web.php without them. Any idea how to solve this problem? __ 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] css drop down not working in IE
bill scheider wrote: I've just taken over as the website manager for a recently-launched site at http://portland.shambhala.org/ . The main menu is a css dropdown and it's working as it should in FF, Opera, Chrome and Safari. In IE6 and 7 (and maybe 8; I haven't checked), the main menu is present but the menu doesn't drop down. Thanks for the quick response. Switching the doctype to xhtml 1.0 transitional did the trick with the menu. Thanks for the help. Of course, it introduced 390 validation errors into that page, mostly syntax. So the fix is a mixed blessing. Did I mention that I just took this site over? And as a volunteer :-) You don't need to switch to an XHTML doctype. You could use HTML 401 transitional (like you originally had) but with a full doctype. http://hsivonen.iki.fi/doctype/ Philippe Thanks for the link, Phillippe. When I changes the doctype back to transitional but used the full doctype as declared in the article, the dropdown still didn't work in IE6 or 7. Switching to the full loose doctype allowed dropdown to function as expected in IE7 but not 6. During this round of testing, I noticed, too, that the dropdown wasn't working in IE6 with the xhtml transitional doctype either, so it appears that IE6 at least won't render that menu correctly in Standards mode (unless there's something else here that's throwing the page into Quirks mode). I like the idea of using an html 4.0 doctype, if possible, since then I don't have to change the syntax of the pages for xhmtl. I wonder if you might take another look or have another idea? TIA Bill __ 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] grid without tables?
Yeah, sure. Use a a container div to set your with and global placement in page. Then, various solutions are possible: 1- use two divs to set two columns and then create internal rows with other divs, all with the same height. Then you'll only have to place the logo and the text and you can even choose to float them both to the left or one to the left and the other to the right. 2- use divs to simulate full rows, then place all the four elements of each row inside it, size them appropriately and float them all to the left. 3- use 4 divs to simulate 4 columns and float them all to the left, then place the elements inside each column and size them accordingly. As you see, there are many solutions possible. You can also try a css framework like blueprint (http://www.blueprintcss.org/), which was devised to facilitate problems like this one. HTH. Roberto -- alanhome wrote: I'm trying to be a good HTMLer and not use tables, but I can't figure out how to create this look : http://www.alanhome.com/web.php without them. Any idea how to solve this problem? __ 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] grid without tables?
alanhome wrote: I'm trying to be a good HTMLer and not use tables, but I can't figure out how to create this look : http://www.alanhome.com/web.php without them. Any idea how to solve this problem? You make a big box. Nest smaller boxes in it. Nest even smaller boxes in them.The left column floats left. The right column floats right. This [1] may give you and idea of one way to do it. The color borders key to the CSS so you can see what's what. Checked in IE 6/7/8, Opera, Camino, Safari, Firefox, and Chrome. [1] http://chelseacreekstudio.com/ca/cssd/bbb.html Best, ~d __ 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] spacing around HR element in IE7 ???
See... http://www.gunlaug.no/contents/wd_chaos_30.html Thank you Georg! __ 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/