What can be inside a div?

Falc2199 · Jun 1, 2004

Is there any limitations as to what can be inside <div id = "" >
</div> ? Can you place TDs and TRs for table inside it?

Thanks,
Jehan

Dag Sunde · Jun 1, 2004

Falc2199 said:
Is there any limitations as to what can be inside <div id = "" >
</div> ? Can you place TDs and TRs for table inside it?

Why not try it?
The answer is only 1 minute in a text-editor away...

You can put any ordinary html-tag inside a <div> section.

Martin Sammtleben · Jun 1, 2004

Is there any limitations as to what can be inside <div id = "" >
</div> ? Can you place TDs and TRs for table inside it?

A <div> is nothing but a generic container that defaults to
display:block, forcing a line break before and after, as opposed to
<span> which defaults to display:inline.

You can however set a <div> to float or inline using css.

To answer your question, you can put just about any element inside a
<div>.

Ivo · Jun 1, 2004

Why not try it?
The answer is only 1 minute in a text-editor away...

You can put any ordinary html-tag inside a <div> section.

Exactly. A good text-editor allows you to type
<div><html></html></div>
but there certain limitations as to what is valid in a properly marked up
document. TDs and TRs for example can only used inside a TABLE. The use of
DIV elements as explained at
<URL: http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4 >
features an example of a table inside a div.
As far as javascript is concerned (this newsgroup's topic), strange markup
may cause strange behaviour.
Ivo

jackie · Jun 2, 2004

even google can't pass it 100%

Andrew Thompson said:
Is there any limitations as to what can be inside <div id = "" >
</div> ? Can you place TDs and TRs for table inside it?

Click to expand...

<http://validator.w3.org/>

If more web-desingers, Javascript and
Java programmers used it, the web would
be a better place for it.

[ ..and yes, the information given to you over
on c.i.w.a.s seems correct. ]

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

Dag Sunde · Jun 2, 2004

jackie said:
even google can't pass it 100%

That's no reason why you sholdn't strive for it!

Tim Slattery · Jun 2, 2004

Is there any limitations as to what can be inside <div id = "" >
</div> ? Can you place TDs and TRs for table inside it?

You can put an entire table inside of a DIV, but you can't put only
part of a table into a DIV. Unfortunate, if you could do that you
could make a table where the headers are always visible but the
content scrolls under them. (I know, you can simulate that with two
tables.)

Richard Cornford · Jun 2, 2004

Tim Slattery wrote:
<snip

You can put an entire table inside of a DIV, but you
can't put only part of a table into a DIV. Unfortunate,
if you could do that you could make a table where the
headers are always visible but the content scrolls under
them. (I know, you can simulate that with two tables.)

As the contents of tables are already partitioned into THEAD, TFOOT
(both optional) and one or more TBODY (by implication if not explicitly
provided in the HTML) there would be no need to place a DIV into a table
to separately group its contents. To scroll a table body while the
headers stay still should only require that the TBODY have a scrolling
overflow CSS property while the THEAD did not. Reality doesn't deliver
on that either but there is still no advantage for DIVs to be allowed in
that context.

Richard.

Thomas 'PointedEars' Lahn · Jun 10, 2004

Richard said:
As the contents of tables are already partitioned into THEAD, TFOOT
(both optional) and one or more TBODY (by implication if not explicitly
provided in the HTML) there would be no need to place a DIV into a table
to separately group its contents. To scroll a table body while the
headers stay still should only require that the TBODY have a scrolling
overflow CSS property while the THEAD did not. Reality doesn't deliver
on that either [...]

It does in Gecko-based browsers, however cross-browser support is
limited and maybe the feature implementation in Gecko is buggy.
Maybe <http://www.stud.tu-ilmenau.de/~thla-in/ufpdb/transprt/> is
a bad example (only a quickhack, seems the body is too wide), but
it is still an example that it can be done.

PointedEars

Richard Cornford · Jun 10, 2004

Thomas said:
Richard Cornford wrote:

... . To scroll a table body while the headers stay still
should only require that the TBODY have a scrolling overflow
CSS property while the THEAD did not. Reality doesn't deliver
on that either [...]

Click to expand...

It does in Gecko-based browsers, however cross-browser support is
limited and maybe the feature implementation in Gecko is buggy.
Maybe <http://www.stud.tu-ilmenau.de/~thla-in/ufpdb/transprt/> is
a bad example (only a quickhack, seems the body is too wide), but
it is still an example that it can be done.

Yes it can be done, and I am optimistic that in future it will be widely
supported and commonly done, as there certainly seems to be demand for
the facility. But in our current climate if it cannot be done in IE you
won't be able to sell the idea in any commercial context.

On the other hand, maybe a comparison of clientHeight and scrollHeigth
(or similar dimensions) could tell you when TBODY was not honouring
scrolling overflow and allow a bit of DOM manipulation to have the TBODY
pulled from the original table and inserted into a second within a
specially created scrolling DIV, as a fallback for IE. Unfortunately
that would be javascript dependent while the CSS approach is not.

Richard.

Tim Slattery · Jun 10, 2004

Looks to me like that page is implemented by putting the table header
and body in different frames. Not really an example of what we're
talking about.

Thomas 'PointedEars' Lahn · Jun 11, 2004

Tim said:
Looks to me like that page is implemented by putting the table header
and body in different frames.

Look into it again with a *Gecko-based* browser. Only the index
buttons are in another frame, not the table headers. Here is the
URL of the content frame (containing the entire table):

--

Not really a valid signature delimiter. Should be dashDashSpace.

F'up2 poster

PointedEars

Thomas 'PointedEars' Lahn · Jun 11, 2004

Richard said:
Thomas said:

Richard Cornford wrote:

... . To scroll a table body while the headers stay still should only
require that the TBODY have a scrolling overflow CSS property while
the THEAD did not. Reality doesn't deliver on that either [...]

Click to expand...

It does in Gecko-based browsers, however cross-browser support is
limited and maybe the feature implementation in Gecko is buggy. Maybe
<http://www.stud.tu-ilmenau.de/~thla-in/ufpdb/transprt/> is a bad
example (only a quickhack, seems the body is too wide), but it is still
an example that it can be done.

Click to expand...

Yes it can be done, and I am optimistic that in future it will be widely
supported and commonly done, as there certainly seems to be demand for
the facility.

If nobody (or not enough people) push(es) the issue by using the feature,
it will never be widely implemented with the lame excuse that there is
no(t enough) demand for it.

But in our current climate if it cannot be done in IE you
won't be able to sell the idea in any commercial context.

1. Why would I want to sell it? I assume people are smart anough to see
where are the advantages and disadvantages for themselves. Don't you
think that if one visits the site with different browsers and see that
Gecko-based ones (or basically all that implement the discussed feature)
have an advantage here will recognize it?

2. Disagreed. Taking the other, much more serious bugs and security flaws
of IE into account, I am confident that one can be convinced to support
more standards-compliant and secure browsers and provide for graceful
degradation for the rest, which IMHO a table where the headers also
scroll certainly is.

PointedEars

Richard Cornford · Jun 13, 2004

If nobody (or not enough people) push(es) the issue by using the
feature, it will never be widely implemented with the lame excuse
that there is no(t enough) demand for it.

I am not sure this one needs promoting, just implementing. It is
actually mentioned as a possibility in the HTML specs (in the section on
THEAD, TBODY, TFOOT) and implied (at least not excluded) by the CSS
specs.

1. Why would I want to sell it? I assume people are smart anough to
see where are the advantages and disadvantages for themselves.
Don't you think that if one visits the site with different
browsers and see that Gecko-based ones (or basically all that
implement the discussed feature) have an advantage here will
recognize it?

I don't mean sell it in the sense of promote it. I mean, given a client
who wants a table body to scroll and the headers to (at least
apparently) stay still, presenting them with code that works fine in
Gecko browsers (and any number of others) but not IE is not going to
work. If they don't see it working in IE then as far as they are
concerned you haven't delivered.

Whatever you or I may think of that, it is a hard commercial reality.

2. Disagreed. Taking the other, much more serious bugs and security
flaws of IE into account, I am confident that one can be convinced
to support more standards-compliant and secure browsers and
provide for graceful degradation for the rest, which IMHO a table
where the headers also scroll certainly is.

The marketing managers who think flashy presentation sells things, but
know nothing about the technicalities (why should they?), look at the
browser statistics (which they also don't understand) and decide that
the apparently most popular browsers are an environment in which it is
vital to be able to make that flashy presentation. You can explain that
the statistics are horribly inaccurate and biased and that using
standard promotes interoperability etc, but if you don't give them what
they want in javascript enabled IE 6 then you haven't delivered.

For that to change it is the users that need to be convinced to be using
other browsers. Security flaws in IE, Microsoft's reluctance to update
it and ever better alternative browsers seem to be producing some change
in that direction, but not yet enough to stop (active) IE 6 support from
being the absolute minimum requirement for any commercial project.

Richard.

Uhhhhh, What can I do next?	6	Nov 25, 2023
<div> help	1	Mar 4, 2024
Different font sizes inside same div	2	Dec 3, 2023
Search Results with Pagination	1	Oct 25, 2024
Clickable Div Block	1	Oct 13, 2023
Can I count the number of times a video is played?	2	Oct 28, 2025
Bootstrap contact form not working	2	Feb 15, 2025
Trying to add text into an editable div that is in an iframe	0	Dec 15, 2022

What can be inside a div?

Falc2199

Dag Sunde

Martin Sammtleben

Ivo

jackie

Dag Sunde

Tim Slattery

Richard Cornford

Thomas 'PointedEars' Lahn

Richard Cornford

Tim Slattery

Thomas 'PointedEars' Lahn

Thomas 'PointedEars' Lahn

Richard Cornford

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads