 | |
CSS vs Tables
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#51
 
| |||
| |||
|
Re: CSS vs Tables -
11-07-2005
, 12:14 PM
|
Here is a hack-free and more logical way to do multi-column layouts: Markup: div id="mainlayout" column id="c1" Column 2: main content /column column id="c2" Column 1: left sidebar /column row id="wideheading" A wide heading that spans all columns /row column id="c3" Column 3: right sidebar /column /div The CSS: #mainlayout { width: 98%; min-width: 620px; max-width: 1000px; display-columns: c2, c1, c3; column-gutter: 20px; } #c2, #c3 { width: 160px; } #wideheading { column-span: c1, c2, c3; } Works perfectly in a logical place far, far, away... -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dknt6h$d60$1 (AT) forums (DOT) macromedia.com... and stable road is where youse'll find me :-) Spoken like a true Noo Yawker.... -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote in message news:dknss9$cgl$1 (AT) forums (DOT) macromedia.com... "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dkg0l6$fm4$1 (AT) forums (DOT) macromedia.com... I seem to remember Al saying that 'float' was never meant to be used to place two <divs> side-by-side. However I have no idea what its original intended purpose was. I did say that. The float property was originally purposed to replace the align attribute. Using it for columnar layout is no less a hack than using tables for layout. I definitely don't remember him saying this. One could also say that float was not intended to make list items line up horizontally, but he does that. Yes. And I also use tables sometimes, too. Whatever is the most logical and stable road is where youse'll find me :-) I don't think one can *know* what float was intended to do, other than to allow adjacent content to flow around the element as an island in a river. Like setting the align attribute on an image or table used to work :-) -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". |
#52
| |||
| |||
|
|
Just not in my browser... -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote in message news:dko1pf$lgo$1 (AT) forums (DOT) macromedia.com... Here is a hack-free and more logical way to do multi-column layouts: Markup: div id="mainlayout" column id="c1" Column 2: main content /column column id="c2" Column 1: left sidebar /column row id="wideheading" A wide heading that spans all columns /row column id="c3" Column 3: right sidebar /column /div The CSS: #mainlayout { width: 98%; min-width: 620px; max-width: 1000px; display-columns: c2, c1, c3; column-gutter: 20px; } #c2, #c3 { width: 160px; } #wideheading { column-span: c1, c2, c3; } Works perfectly in a logical place far, far, away... -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dknt6h$d60$1 (AT) forums (DOT) macromedia.com... and stable road is where youse'll find me :-) Spoken like a true Noo Yawker.... -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote in message news:dknss9$cgl$1 (AT) forums (DOT) macromedia.com... "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dkg0l6$fm4$1 (AT) forums (DOT) macromedia.com... I seem to remember Al saying that 'float' was never meant to be used to place two <divs> side-by-side. However I have no idea what its original intended purpose was. I did say that. The float property was originally purposed to replace the align attribute. Using it for columnar layout is no less a hack than using tables for layout. I definitely don't remember him saying this. One could also say that float was not intended to make list items line up horizontally, but he does that. Yes. And I also use tables sometimes, too. Whatever is the most logical and stable road is where youse'll find me :-) I don't think one can *know* what float was intended to do, other than to allow adjacent content to flow around the element as an island in a river. Like setting the align attribute on an image or table used to work :-) -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". |
#53
| |||
| |||
|
|
That's because they never asked me to help with the "standards" :-) "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dko25j$m4g$1 (AT) forums (DOT) macromedia.com... Just not in my browser... -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote in message news:dko1pf$lgo$1 (AT) forums (DOT) macromedia.com... Here is a hack-free and more logical way to do multi-column layouts: Markup: div id="mainlayout" column id="c1" Column 2: main content /column column id="c2" Column 1: left sidebar /column row id="wideheading" A wide heading that spans all columns /row column id="c3" Column 3: right sidebar /column /div The CSS: #mainlayout { width: 98%; min-width: 620px; max-width: 1000px; display-columns: c2, c1, c3; column-gutter: 20px; } #c2, #c3 { width: 160px; } #wideheading { column-span: c1, c2, c3; } Works perfectly in a logical place far, far, away... -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dknt6h$d60$1 (AT) forums (DOT) macromedia.com... and stable road is where youse'll find me :-) Spoken like a true Noo Yawker.... -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote in message news:dknss9$cgl$1 (AT) forums (DOT) macromedia.com... "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:dkg0l6$fm4$1 (AT) forums (DOT) macromedia.com... I seem to remember Al saying that 'float' was never meant to be used to place two <divs> side-by-side. However I have no idea what its original intended purpose was. I did say that. The float property was originally purposed to replace the align attribute. Using it for columnar layout is no less a hack than using tables for layout. I definitely don't remember him saying this. One could also say that float was not intended to make list items line up horizontally, but he does that. Yes. And I also use tables sometimes, too. Whatever is the most logical and stable road is where youse'll find me :-) I don't think one can *know* what float was intended to do, other than to allow adjacent content to flow around the element as an island in a river. Like setting the align attribute on an image or table used to work :-) -- Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". |
#54
| |||
| |||
|
|
Barry is a very smart man and put a lot of work into that. |
well-researched and evenhanded discussion of HTML tables anywhere else.
--
James M. Shook
http://www.jshook.com
#55
| |||
| |||
|
|
I wish he was still posting here. I have tried several times to correspond with him but to no avail. I fear the worst.... |
then just seemed to disappear from the face of the earth. Now you've got
me really worried. I'll try getting in touch as well. I do hope he's OK
and has just moved onto other things (our loss but somebody's gain....)
--
James M. Shook
http://www.jshook.com
#56
| |||
| |||
|
|
I seem to remember Al saying that 'float' was never meant to be used to place two <divs> side-by-side. However I have no idea what its original intended purpose was. I did say that. The float property was originally purposed to replace the align attribute. Using it for columnar layout is no less a hack than using tables for layout. |
Thanks Al for clearing that up.
#57
| |||
| |||
|
#58
| |||
| |||
|
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.