Re: [css-d] 2 equal-height columns and onetruelayout (OTL)
Hmmm - guess I should have been more explicit in asking a question - What have I done wrong in my css and html? TIA, E. e lohroff wrote: snip my page is still broken in IE 6, Opera 7.11 and Netscape 8.1. snip I'm trying to teach myself css instead of tables and am trying to replicate this page: http://66.116.129.70/shockney/reunion_table.php The left column is fixed width and the right column fills the rest of the page. Here's the new page and the css http://66.116.129.70/shockney/reunion_css.htm http://66.116.129.70/shockney/cssexpt.css __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] 2 equal-height columns and onetruelayout (OTL)
e lohroff wrote: I *think* I followed the guidelines and code explicitly in OTL(positioniseverything.net) but my page is still broken in IE 6, Opera 7.11 and Netscape 8.1. I don't know what OTL is and I did not try to find out. Most of us Opera fanatics use Opera9.0b2. I think the latest stable is 8.54. Move on up. I'm trying to teach myself css instead of tables and am trying to replicate this page: Sounds like a good plan. http://66.116.129.70/shockney/reunion_table.php The left column is fixed width and the right column fills the rest of the page. Here's the new page and the css http://66.116.129.70/shockney/reunion_css.htm http://66.116.129.70/shockney/cssexpt.css TIA, E. A proper doctype, structured layout, and clean markup is a place to start :-P . I think you can just forget tables altogether. Since I am more visually, than verbally or technically oriented, I roughed up a layout-- rather than trying to explain what I thought you might want to do. It represents a starting point, not a solution. The xml declation above the doctype puts IE in quirksmode (I don't exactly know what that means, other than it's easier to cope with the 'evil one' that way). With planning and care you will will not need any hacks to work cross-browser-- at least not so far, anyway. Please see: http://www.dlaakso.com/four-col/2c.html /Cursory/ tested with font-zoom in XP: ff, moz, opera, and ie/6.0. HTH. ~dL __ 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] 2 equal-height columns and onetruelayout (OTL)
It represents a starting point, not a solution. The xml declation above the doctype puts IE in quirksmode (I don't exactly know what that means, other than it's easier to cope with the 'evil one' that way). I find it the exact opposite. IE 6 in quirks mode renders any block element with padding or a border at the wrong width because it's box model violates the CSS standard. If you remove the XML prologue and put it in standards mode it at least renders block elements at their correct size. If you add 10 px to each side of a block element it *should* expand the box by 20 px. IE is bad enough in standards mode and I can't imagine any reason to try to cope with it in quirks mode. Ed Seedhouse __ 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] 2 equal-height columns and onetruelayout (OTL)
Ed Seehouse wrote: It represents a starting point, not a solution. The xml declation above the doctype puts IE in quirksmode (I don't exactly know what that means, other than it's easier to cope with the 'evil one' that way). I find it the exact opposite. IE 6 in quirks mode renders any block element with padding or a border at the wrong width because it's box model violates the CSS standard. If you remove the XML prologue and put it in standards mode it at least renders block elements at their correct size. If you add 10 px to each side of a block element it *should* expand the box by 20 px. IE is bad enough in standards mode and I can't imagine any reason to try to cope with it in quirks mode. Then don't. Different strokes for different folks. BTW, nothing to do with CSS, but this ?xml version=1.0 encoding=utf-8? is an XML declaration; not an XML prologue. Ed Seedhouse Regards, ~davidLaakso __ 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] 2 equal-height columns and onetruelayout (OTL)
I *think* I followed the guidelines and code explicitly in OTL(positioniseverything.net) but my page is still broken in IE 6, Opera 7.11 and Netscape 8.1. I've validated my html but the css doesn't validate because of the browser hacks (and probably my own mistakes, too). I'm trying to teach myself css instead of tables and am trying to replicate this page: http://66.116.129.70/shockney/reunion_table.php The left column is fixed width and the right column fills the rest of the page. Here's the new page and the css http://66.116.129.70/shockney/reunion_css.htm http://66.116.129.70/shockney/cssexpt.css In IE, the left margin for content is wrong, but if I make it work there, then it goes wrong in NS and O and gets hidden under the menu block. And in NS and O, the content of content begins below the end of menu content. I know I still have some other tweaking to do, but I want to get these columns right. TIA, E. __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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/