473,699 Members | 2,401 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How do you vertically center an html table in css.

Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.
Jul 20 '05 #1
10 26872
Els


john T wrote:
Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.


As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top,
with a negative margin of half the height of the table.
this way you lose sight of half the table in a smaller
window, with no way of accessing it by using scrollbars.
So don't use that one :-)

The other is by placing it in another table. One cell table
even.

--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #2
*john T*:

Is there anyway to vertically center a html table using css in such a
way it does not alter the html table.


table {display: inline-table; vertical-align: middle}

I've never seen any need to do such a thing, so I have never tried that, but
"display: inline-table" will probably not work in a lot of browsers,
although the overall result would be the same.

To vertical align something the renderer has to know two heights, the one of
the box to be aligned and the one of the containing box. The boxes 'html'
and 'body' generate are not as high as the available viewport (i.e. the
browser window's inner height), but only as high as they need to be. With
some hackery you can get all recent browsers to make them at least 100%
high, though.

--
Useless Fact #4:
Coca Cola was originally green.
Jul 20 '05 #3
DU
Els wrote:


john T wrote:
Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.

As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top, with a negative
margin of half the height of the table.


According to the specs, you will center that table within the middle of
the document, not within the middle of the browser viewport. Both MSIE 6
and Mozilla 1.x have bugs regarding %tage with pos. abs.:

Bug 105286: viewport used as containing block for absolutely positioned
elements instead of root (percentage height, %, bottom)
http://bugzilla.mozilla.org/show_bug.cgi?id=105286
this way you lose sight of half the table in a smaller window, with no
way of accessing it by using scrollbars.
I wonder why you say that the browser viewport then would not provide
any scrollbars.
So don't use that one :-)

The other is by placing it in another table. One cell table even.


Nested tables are definitively NOT a solution; it's a worse solution.

Assuming this code:

#idTable
{
position: fixed;
top: 50%;
margin-top: -125px;
height: 250px;
}

(...)

<table id="idTable" ...>

then it should work perfectly in Mozilla 1.3+ and in Opera 7.x.

DU
Jul 20 '05 #4
DU <dr*******@hotW IPETHISmail.com > wrote in
<c1*********@ne ws.eusc.inter.n et>
Els wrote:


john T wrote:
Is there anyway to vertically center a html table using css in such
a way it does not alter the html table. When I tryied it just
screws up.

As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top, with a
negative margin of half the height of the table.


According to the specs, you will center that table within the middle
of the document, not within the middle of the browser viewport. Both
MSIE 6 and Mozilla 1.x have bugs regarding %tage with pos. abs.:

Bug 105286: viewport used as containing block for absolutely
positioned elements instead of root (percentage height, %, bottom)
http://bugzilla.mozilla.org/show_bug.cgi?id=105286
this way you lose sight of half the table in a smaller window, with
no way of accessing it by using scrollbars.


I wonder why you say that the browser viewport then would not provide
any scrollbars.


When using the half-the-width/height-negative-margin trick, if the viewport
is narrower than the contents, the left-hand side of the contents is off the
left-hand side of the screen and the scrollbar won't go backwards.
Similarly, if the contents won't fit vertically, you can't scroll up to see
the stuff that's off the top of viewport.

IMHO, the dubious benefits of vertical centring are simply not worth the
efforts needed to achieve a result that doesn't work once the viewport is
smaller than the content. Since most page content takes up a large portion
of the viewport - or there's very little content in which case why bother -
it will probably not take much of a reduction in the viewport to trigger the
problem.

--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.

Jul 20 '05 #5
Els
DU wrote:
Els wrote:
john T wrote:
Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.
As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top, with a
negative margin of half the height of the table.


According to the specs, you will center that table within the middle of
the document, not within the middle of the browser viewport.


The OP didn't state it had to be in the middle of the
browser viewport, neithe did I.
Both MSIE 6
and Mozilla 1.x have bugs regarding %tage with pos. abs.:

Bug 105286: viewport used as containing block for absolutely positioned
elements instead of root (percentage height, %, bottom)
http://bugzilla.mozilla.org/show_bug.cgi?id=105286
this way you lose sight of half the table in a smaller window, with no
way of accessing it by using scrollbars.


I wonder why you say that the browser viewport then would not provide
any scrollbars.


I didn't say it wouldn't provide any scrollbars.
I said you wouldn't be able to access the top of the table
using those scrollbars.

But I made a little test:
http://www.mediatech.nl/~rachel/temp-test/testDU.html
And indeed, no scrollbars at all in Firefox, and unusable
ones in Opera 7.23.
IE at least lets the bottom half of the table get accessed
by the scrollbar.
So don't use that one :-)

The other is by placing it in another table. One cell table even.


Nested tables are definitively NOT a solution; it's a worse solution.

Assuming this code:

#idTable
{
position: fixed;
top: 50%;
margin-top: -125px;
height: 250px;
}

(...)

<table id="idTable" ...>

then it should work perfectly in Mozilla 1.3+ and in Opera 7.x.


Except for not being able to access part of the table in
smaller windows. :-D
--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #6
In article john T wrote:
Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.


Very important question is where your table is. There is lots of ways to
vertically center things in CSS. None of them works well.

Ways to vertically center something in some defined container:
http://www.student.oulu.fi/~laurirai/www/css/middle/

AFAIK there is no good reference on centering on viewport (and I have no
time to write one). There is even more methods to do that
(position:fixed ). None work on IE. I would try absolute/fixed positioning
with auto margins, it don't work on IE, but propably degrades well.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Jul 20 '05 #7
DU
Els wrote:
DU wrote:
Els wrote:
john T wrote:

Is there anyway to vertically center a html table using css in such a
way it does not alter the html table. When I tryied it just screws up.
As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top, with a
negative margin of half the height of the table.

According to the specs, you will center that table within the middle
of the document, not within the middle of the browser viewport.

The OP didn't state it had to be in the middle of the browser viewport,
neithe did I.


Then I do not understand why one would want to remove a table from
normal flow and then center that table in the middle of the document. It
does not make sense. Can you provide me with an example of demonstrating
the usefulness that I fail to see?

Both MSIE 6
and Mozilla 1.x have bugs regarding %tage with pos. abs.:

Bug 105286: viewport used as containing block for absolutely
positioned elements instead of root (percentage height, %, bottom)
http://bugzilla.mozilla.org/show_bug.cgi?id=105286
this way you lose sight of half the table in a smaller window, with
no way of accessing it by using scrollbars.

I wonder why you say that the browser viewport then would not provide
any scrollbars.

I didn't say it wouldn't provide any scrollbars.
I said you wouldn't be able to access the top of the table using those
scrollbars.

But I made a little test:
http://www.mediatech.nl/~rachel/temp-test/testDU.html
And indeed, no scrollbars at all in Firefox, and unusable ones in Opera
7.23.
IE at least lets the bottom half of the table get accessed by the
scrollbar.


You really should not mention MSIE on this: MSIE has many specs
violation, bugs and flaws regarding their implementation of root element
versus I.C.B. and versus the viewport.

I examined your testDU.html page and I think that page has many problems:

- there is absolutely nothing beside the fixed table in that document.
Now, if you fixed an element in a document, it is because you want such
element to be fixed in the viewport while you're scrolling the rest of
your document. Here, there is nothing to scroll for: that does not make
sense.
- The content of that fixed table is enormous and very long. If you make
any fixed element bigger than the viewport, then you are defeating the
purpose of fixing such element to begin with. A fixed element should
take, use a part of the browser viewport, not exceed it. Now, if your
fixed element is very large *and* very long, then you should examine the
usability and purpose of your webpage.
- You even made sure the font-size would be 40% bigger than normal for
no reason here.
- There is no tabular data in that table. The whole content goes into a
single cell.
For several reasons, your demopage is not realistic.
So don't use that one :-)

The other is by placing it in another table. One cell table even.

Nested tables are definitively NOT a solution; it's a worse solution.

Assuming this code:

#idTable
{
position: fixed;
top: 50%;
margin-top: -125px;
height: 250px;
}

(...)

<table id="idTable" ...>

then it should work perfectly in Mozilla 1.3+ and in Opera 7.x.

Except for not being able to access part of the table in smaller
windows. :-D


How small should the window be regarding the document to be scrolled? If
the window is 200px by 200px (or 300px by 300px), it sure is small: such
dimensions are not realistic for testing an element which is fixed.

Here is are 2 fine webpages with a fixed element (the first one uses a
table if I'm not wrong):

http://mozillanews.org/ (click the yellow padlock)

http://www.texturizer.net/firefox/index.html (choose a style at the end
of the page)

Finally, here's one of mine in the post-scriptum.

DU
-----------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head profile="http://www.ietf.org/rfc/rfc2731.txt">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="DC.title" content="Vertic ally centering a table">
<meta name="DC.date.c reated" content="2004-02-21T09:54:03+11: 00"
scheme="W3CDTF" >
<meta name="DC.date.m odified" content="2004-02-21T09:54:03+11: 00"
scheme="W3CDTF" >

<title>Vertical ly centering a table</title>

<style type="text/css" media="screen,t v,projection">
#idTable
{
position:fixed;
width:200px;
height:300px;
top:50%;
margin-top:-150px;
}
#idContent {margin-left:220px; padding:8px; border:2px solid green;}

</style>

</head>

<body>

<h1>Descripti ve page title</h1>

<table id="idTable" frame="border" rules="all" summary="Weathe r
predictions for snow for next week" cellpadding="8" >
<tr><th>Date</th><th>Value</th></tr>
<tr><td>Feb. 23<sup>rd</sup></td><td>5cm</td></tr>
<tr><td>Feb 24<sup>th</sup></td><td>0cm</td></tr>
<tr><td>Feb 25<sup>th</sup></td><td>4cm</td></tr>
<tr><td>Feb 26<sup>th</sup></td><td>3cm</td></tr>
<tr><td>Feb 27<sup>th</sup></td><td>8cm</td></tr>
<tr><td>Feb 28<sup>th</sup></td><td>2cm</td></tr>
</table>

<div id="idContent" >
<p>Some filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p>
<p>Some filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p>
<p>Some filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p>
<p>Some filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p>
<p>Some filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p><p>Some filling</p><p>Some
filling</p><p>Some filling</p>
</div>

<p id="validation" ><a href="http://validator.w3.or g/check/referer"><img
src="http://www.w3.org/Icons/valid-html401.png" style="width:88 px;
height:31px;" title="Verify this page compliance to the strict
definition of HTML 4.01" alt="HTML 4.01 Strict DTD compliant"></a></p>

</body></html>


Jul 20 '05 #8
Els
DU wrote:
Els wrote:
DU wrote:
Els wrote:

john T wrote:

> Is there anyway to vertically center a html table using css in such a
> way it does not alter the html table. When I tryied it just screws up.

As far as I know there are only two ways:
One is with absolute positioning it at 50% from the top, with a
negative margin of half the height of the table.

According to the specs, you will center that table within the middle
of the document, not within the middle of the browser viewport.
The OP didn't state it had to be in the middle of the browser
viewport, neithe did I.


Then I do not understand why one would want to remove a table from
normal flow and then center that table in the middle of the document. It
does not make sense. Can you provide me with an example of demonstrating
the usefulness that I fail to see?


I don't think I was talking about usefulness. I was saying
that the negative margin has really bad side effects, which
are reason enough not to use that method.
I wonder why you say that the browser viewport then would not provide
any scrollbars.


I didn't say it wouldn't provide any scrollbars.
I said you wouldn't be able to access the top of the table using those
scrollbars.

But I made a little test:
http://www.mediatech.nl/~rachel/temp-test/testDU.html
And indeed, no scrollbars at all in Firefox, and unusable ones in
Opera 7.23.
IE at least lets the bottom half of the table get accessed by the
scrollbar.


You really should not mention MSIE on this: MSIE has many specs
violation, bugs and flaws regarding their implementation of root element
versus I.C.B. and versus the viewport.


:-D
I know IE is buggy, but I mention MSIE when I want to;
especially when it does something different than other
browsers, I think it's worth mentioning. After all, most
people want the same results in most browsers.
I examined your testDU.html page and I think that page has many problems:
I agree. I should have made a better one.
- there is absolutely nothing beside the fixed table in that document.
Because it is a test page.
Now, if you fixed an element in a document, it is because you want such
element to be fixed in the viewport while you're scrolling the rest of
your document.
Not necessarily, I may want it fixed in the document.
Here, there is nothing to scroll for: that does not make
sense.
- The content of that fixed table is enormous and very long. If you make
any fixed element bigger than the viewport, then you are defeating the
purpose of fixing such element to begin with. A fixed element should
take, use a part of the browser viewport, not exceed it. Now, if your
fixed element is very large *and* very long, then you should examine the
usability and purpose of your webpage.
- You even made sure the font-size would be 40% bigger than normal for
no reason here.
The reason is, that it's a test page, and I just wanted to
make sure you don't have to resize your window to 100px wide
to see the effect of not being able to reach the content.
- There is no tabular data in that table. The whole content goes into a
single cell.
For several reasons, your demopage is not realistic.
I'll remember next time I make a demo page for you, I'll
make it as realistic as possible. However, that may clutter
up the code too much for other people to easily see why and
where things go wrong.
then it should work perfectly in Mozilla 1.3+ and in Opera 7.x.


Except for not being able to access part of the table in smaller
windows. :-D


How small should the window be regarding the document to be scrolled? If
the window is 200px by 200px (or 300px by 300px), it sure is small: such
dimensions are not realistic for testing an element which is fixed.


Unless you're on a pda.
Webcontent doesn't have to be laid out perfectly for all
browsing environments, but sure has to be within reach. If
it's off the screen, I feel the designer failed.
Here is are 2 fine webpages with a fixed element (the first one uses a
table if I'm not wrong):

http://mozillanews.org/ (click the yellow padlock)
Too much code to see if it uses negative margin. But I see
no reason why they should, so what's the example for?
Clicking the yellow padlock only makes the menu scroll
seperately from the content of the page.
http://www.texturizer.net/firefox/index.html (choose a style at the end
of the page)
Excellent example. Try reaching the content of the menu on a
800x600 screen, using the style 'Modern with Locked Menu'.
I can't reach anything below 'Links'. Scrollbar doesn't go
there. Luckily, I can choose the style, and this way avoid
the problem.
Finally, here's one of mine in the post-scriptum.

DU
-----------

[snip code]
I just copied and pasted that code and uploaded it:
http://home.tiscali.nl/~elizabeth/examplebyDU.html
I don't see a vertically centered table, but I do see
something fixed in the top left corner, which has lost it's
top line 'Weather predictions for snow for next week' in
Netscape, and also the next 'Date' and 'Value' in IE.

These examples show better what I meant to say than mine did
:-)

--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #9
DU
Els wrote:
DU wrote:
Els wrote:
DU wrote:

Els wrote:

> john T wrote:
>
>> Is there anyway to vertically center a html table using css in such a
>> way it does not alter the html table. When I tryied it just screws
>> up.
>
>
> As far as I know there are only two ways:
> One is with absolute positioning it at 50% from the top, with a
> negative margin of half the height of the table.
According to the specs, you will center that table within the middle
of the document, not within the middle of the browser viewport.
The OP didn't state it had to be in the middle of the browser
viewport, neithe did I.

Then I do not understand why one would want to remove a table from
normal flow and then center that table in the middle of the document.
It does not make sense. Can you provide me with an example of
demonstrating the usefulness that I fail to see?

I don't think I was talking about usefulness. I was saying that the
negative margin has really bad side effects, which are reason enough not
to use that method.


Well, if it's true that it has bad side effects, it had to affect some
real webpage situation.
I wonder why you say that the browser viewport then would not
provide any scrollbars.
I didn't say it wouldn't provide any scrollbars.
I said you wouldn't be able to access the top of the table using
those scrollbars.

But I made a little test:
http://www.mediatech.nl/~rachel/temp-test/testDU.html
And indeed, no scrollbars at all in Firefox, and unusable ones in
Opera 7.23.
IE at least lets the bottom half of the table get accessed by the
scrollbar.

You really should not mention MSIE on this: MSIE has many specs
violation, bugs and flaws regarding their implementation of root
element versus I.C.B. and versus the viewport.

:-D
I know IE is buggy, but I mention MSIE when I want to; especially when
it does something different than other browsers, I think it's worth
mentioning. After all, most people want the same results in most browsers.


Of course. Agreed. But then, you will not be able to apply the same
code. And you'll have to point out that you may be coding according to a
bug in MSIE if that's the case.
I examined your testDU.html page and I think that page has many problems:

I agree. I should have made a better one.
- there is absolutely nothing beside the fixed table in that document.

Because it is a test page.


So?
Now, if you fixed an element in a document, it is because you want
such element to be fixed in the viewport while you're scrolling the
rest of your document.

Not necessarily, I may want it fixed in the document.


If there is nothing to scroll in a document, then there is no point for
fixing an element. If you need to reduce a browser viewport to
unrealistic dimensions to highlight a "bug", then I'm not sure this is a
bug after all.
Here, there is nothing to scroll for: that does not make sense.
- The content of that fixed table is enormous and very long. If you
make any fixed element bigger than the viewport, then you are
defeating the purpose of fixing such element to begin with. A fixed
element should take, use a part of the browser viewport, not exceed
it. Now, if your fixed element is very large *and* very long, then you
should examine the usability and purpose of your webpage.
- You even made sure the font-size would be 40% bigger than normal for
no reason here.

The reason is, that it's a test page, and I just wanted to make sure you
don't have to resize your window to 100px wide to see the effect of not
being able to reach the content.
- There is no tabular data in that table. The whole content goes into
a single cell.
For several reasons, your demopage is not realistic.

I'll remember next time I make a demo page for you, I'll make it as
realistic as possible. However, that may clutter up the code too much
for other people to easily see why and where things go wrong.


I did a page which was realistic, where all elements involved in our
discussion were there. The whole code was posted in my previous post:
tabular data, fixed table, content, document scroll view, etc.
then it should work perfectly in Mozilla 1.3+ and in Opera 7.x.
Except for not being able to access part of the table in smaller
windows. :-D

How small should the window be regarding the document to be scrolled?
If the window is 200px by 200px (or 300px by 300px), it sure is small:
such dimensions are not realistic for testing an element which is fixed.

Unless you're on a pda.


The style code said
media="screen,t v,projection"
not handheld.
Webcontent doesn't have to be laid out perfectly for all browsing
environments, but sure has to be within reach. If it's off the screen, I
feel the designer failed.

This might be debatable: I certainly did not want that file to be for
small rendering screen devices.
Here is are 2 fine webpages with a fixed element (the first one uses a
table if I'm not wrong):

http://mozillanews.org/ (click the yellow padlock)

Too much code to see if it uses negative margin. But I see no reason why
they should, so what's the example for?

That example was for showing a realistic webpage situation where a table
can be fixed into the viewport.
Clicking the yellow padlock only makes the menu scroll seperately from
the content of the page.
http://www.texturizer.net/firefox/index.html (choose a style at the
end of the page)

Excellent example. Try reaching the content of the menu on a 800x600
screen, using the style 'Modern with Locked Menu'.
I can't reach anything below 'Links'. Scrollbar doesn't go there.
Luckily, I can choose the style, and this way avoid the problem.
Finally, here's one of mine in the post-scriptum.

DU
-----------


[snip code]
I just copied and pasted that code and uploaded it:
http://home.tiscali.nl/~elizabeth/examplebyDU.html
I don't see a vertically centered table, but I do see something fixed in
the top left corner, which has lost it's top line 'Weather predictions
for snow for next week' in Netscape,


I see what you mean. NS 7.1 does not correctly position that table.
[Btw, the "Weather predictions for snow for next week" is just a summary
for text browsers and non-visual user agents. It's not supposed to be
rendered in visual browsers.]
I do see the table vertically centered in the viewport when viewing that
page with Mozilla 1.6 final (build 20040113); no problem with resizing.
I see more problems with K-meleon 0.8.2 (using Mozilla 1.5 codebase) as
the table is more off the viewport.
I see other problems when resizing the viewport under Opera 7.50 PR 2.

and also the next 'Date' and 'Value' in IE.

These examples show better what I meant to say than mine did :-)


Obviously there are bugs somewhere in these browsers and browser
versions. I also have other test pages for pos. fixed. I'll look at this
again.

Later :)

DU
Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
10700
by: Bjoern Wolfgardt | last post by:
Hi, I have read the you should no longer use 'align="center"' when you want to center a table or something other. So I asked myself what should I use than. I found something that you should use styles. But they used a attribute that is only for text elements. So can someone give me an example or an url where I can find further information.
6
5502
by: Christopher Benson-Manica | last post by:
See http://ataru.gomen.org/files/test.html: <html> <head> <title>Test page</title> <style type="text/css"> .center { margin-left: auto; margin-right: auto } </style> </head> <body>
3
2023
by: CalSun | last post by:
I have a datagrid with about 15 columns bound at run time. I create an html table and have this datagrid inside. <table align=center width="90%"> <tr> <td> <asp:datagrid ...... ... </asp:datagrid> </td>
7
18346
by: Kat | last post by:
How do you center a table in visual studio 2005? It used to be align=center but now it tells me it is an out of date method.
13
2773
by: Pablo | last post by:
Hi at all I'ld like to center a table crossbrowser therefore I wrote: <sryle> table {width:80%;margin-left:auto;margin-right:auto;} </style> firefox work fine but MSIE set the margin to zero Thank in advance
17
5841
by: Grant Kelly | last post by:
I'm wondering if it's possible within HTML markup (or possibly CSS) to specify that an HTML table's headers should be placed 'over' the cell borders rather than 'within' the cells. For example (requires monospace font): Default: +--------------------+ | H1 H2 H3 | +--------------------+
3
2315
by: markszlazak | last post by:
Firefix works fine but I'm having a problem inserting a DIV into a HTML table cell dynamically with IE 6. The following code has a two cell table with one DIV hard-coded into the first (top) cell and a second DIV put in via Javascript. The second DIV shows up like the first in Firefox. However, in IE 6, only the text within the second DIV shows but the DIV's style and positioning are lost. What is the problem? <html> <head>
8
7874
by: Bob Altman | last post by:
Hi all, This has got to be a dumb question, but... What is the CSS property that I would use to center a table on the web page? If I set the table's Align property in the VS 2008 property window it inserts align="center" into the <tabletag, and I get a validation warning that attribute 'align' is considered outdated. Ok, so I probably need to use a CSS style to do the same thing. But I've dug through all of the categories in the...
16
6301
by: BaseballGraphs | last post by:
Hello, I am trying to filter an HTML table by div value using javascript. Here is my table in HTML: <table> <tr> <td><div align="center">1</div></td> <td><div align="left" value="198.1000"><a href="frontend.php">Shields</a></div></td>
0
8703
marktang
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...
0
9050
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8935
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,...
0
7773
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6540
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5879
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4389
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...
1
3069
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
3
2015
bsmnconsultancy
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...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.