From http://www.oreillynet.com/pub/a/java...ss_layout.html
"Typically CSS layout replaces tables, which are currently the most popular
method of placing page elements. There is a common misconception that CSS
layout techniques are incapable of producing complex page layouts. While it
is true that *tables generally provide more flexibility*, I will show you
that complex layouts are quite possible with CSS." [emphasis added]
No, I'm not trolling. I don't have a dog in this hunt. Furthermore, it's
not necessarily true that "more flexibility" is a good thing. I just want
to know if/in what sense the above is true.
Cheers,
S 3 2074
"sinister" <si******@nospa m.invalid> writes: From http://www.oreillynet.com/pub/a/java...ss_layout.html
"Typically CSS layout replaces tables, which are currently the most popular method of placing page elements. There is a common misconception that CSS layout techniques are incapable of producing complex page layouts. While it is true that *tables generally provide more flexibility*, I will show you that complex layouts are quite possible with CSS." [emphasis added]
No, I'm not trolling. I don't have a dog in this hunt. Furthermore, it's not necessarily true that "more flexibility" is a good thing. I just want to know if/in what sense the above is true.
Hmm. No, not true, I'd say.
There are layouts that are quite easy to put together in tables that
are very difficult (at least until IE starts supporting display:
table) to duplicate in CSS.
Likewise there are CSS based layouts that are not possible (or
extremely difficult) with tables. And CSS gives you a lot more
flexibility over the linearisation order.
I certainly don't think there's much that can be done with layout
tables that can't be closely (if not exactly) matched by CSS -
vertical alignment being one tricky thing to do in CSS, multiple
columns being another.
As to whether more flexibility is good or bad, depends what you mean
by flexibility.
--
Chris
sinister wrote: From http://www.oreillynet.com/pub/a/java...ss_layout.html
"Typically CSS layout replaces tables, which are currently the most popular method of placing page elements. There is a common misconception that CSS layout techniques are incapable of producing complex page layouts. While it is true that *tables generally provide more flexibility*, I will show you that complex layouts are quite possible with CSS." [emphasis added]
No, I'm not trolling. I don't have a dog in this hunt. Furthermore, it's not necessarily true that "more flexibility" is a good thing. I just want to know if/in what sense the above is true.
That question is too general. Everything depends on the details: Your
definition of flexibility, how the table/CSS layout is implemented, what
the site requirements are, how the layout has to work out in which
browsers, etc etc etc. There are things you can't easily do with tables,
and things you can't easily do with CSS. Depending on the site
requirements/time of day/blood sugar level I go for one or the other.
Matthias
Chris Morris wrote: "sinister" <si******@nospa m.invalid> writes: From http://www.oreillynet.com/pub/a/java...ss_layout.html
"Typically CSS layout replaces tables, which are currently the most popular method of placing page elements. There is a common misconception that CSS layout techniques are incapable of producing complex page layouts. While it is true that *tables generally provide more flexibility*, I will show you that complex layouts are quite possible with CSS." [emphasis added]
[snip] As to whether more flexibility is good or bad, depends what you mean by flexibility.
I see at least 3 different meanings of "flexibilit y" in use:
- The ability to provide a larger *range* of layouts. I don't know how to
count this, and suspect it isn't worth trying. They form different, but
overlapping sets, and hybrid approaches can also be used.
- The ability to *change* the layout more easily. CSS typically wins there,
especially if it uses absolute positioning. But using float as a layout
technique can be as tricky to change as a table, except to swap left and
right.
- The *behaviour* of the page under different viewing conditions. I doubt if
that is what is meant here. But simple layout tables can adapt very well to
different content & viewing conditions without stacking behaviour. They don't
have the flexibility of floating behaviour, but I don't like that at the
page-layout level anyway.
I'm tending to think of use of absolute positioning, and use of floats, as 2
techniques that are as different from one another as either is from tables.
Otherwise, some statements are difficult to understand.
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Toby Austin |
last post by:
I'm trying to replace <table>s with <div>s as much as possible.
However, I can't figure out how to do the following…
<table>
<tr>
<td valign="top" width="100%">some data that will 'stretch'</td>
<td valign="top" width="300">some data that won't 'stetch'</td>
</tr>
</table>
|
by: Zak McGregor |
last post by:
Hi all
Are there any good solutions to aligning form field names and input boxes
without resorting to tables? I am struggling to do this nicely at the
moment.
Thanks
Ciao
Zak
|
by: sinister |
last post by:
I wanted to spiff up my overly spartan homepage, and started using some CSS
templates I found on a couple of weblogs. It looks fine in my browser (IE
6.0), but it doesn't print right. I tested the blogs, and one definitely
didn't print right.
Surveying the web, my impression is that CSS is very unreliable, because
even updated browsers fail to implement the standards correctly.
So should one just avoid CSS? Or is it OK if used...
|
by: Neal |
last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog
entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A
quite good article.
|
by: Marek Mänd |
last post by:
I have question regarding CSS overflow atribute.
<body>
<table style="height:100%" id="pagetable">
<td style="vertical-align:top;">
<div
style="height:100%;overflow:scroll;/*overflow:-moz-scrollbars-vertical;*/overflow-x:hidden;overflow-y:auto;">
<table style="width:100%;">
which works fine in IE as i want it to, but not in Mozilla/Firefox 1.03.
| |
by: Rob Freundlich |
last post by:
I have some servlet-generated tabular data that I need to present, so I'm
using an HTML Table. In some cases, it can be quite large. I'm flushing
the servlet output every N lines to push the data to the browser as it
generates, and I've used "table-layout: fixed" for the table's CSS class.
It works pretty well in Netscape (7.1 and higher) - the table is drawn
pretty much as the rows are received by the browser. However, Internet...
|
by: Giggle Girl |
last post by:
Hi there,
I need to use a background image in a TR that does NOT restart
everytime it hits a TD. Can it be done?
Specifically, if you set a background image for an entier table, now
mater how many TRs and TDs you have, it will show the
complete/unfragmented image (as long as you don't over-ride it).
When I set a TR background image, every time I hit a TD it "re-seeds"
the image. I want to have a TR that shows an 800px image in it's
|
by: JayCallas |
last post by:
I know this question has been asked. And the usual answer is don't use
cursors or any other looping method. Instead, try to find a solution
that uses set-based queries.
But this brings up several questions / senarios:
* I created several stored procedures that take parameters and inserts
the data into the appropriate tables. This was done for easy access/use
from client side apps (i.e. web-based).
|
by: phil-news-nospam |
last post by:
Is there really any advantage to using DIV elements with float style
properies, vs. the old method of TABLE and TR and TD?
I'm finding that by using DIV, it still involves the same number of
elements in the HTML to get everything just right. When you consider
the class attribute on the DIV elements, there's not much size savings
anymore for using DIV.
There are other disadvantages to not using TABLE/TR/TD, such as the
lack of ability...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| | |