Table width - table jumps out of its div

Hi,

In my stylesheet I've set the width of a table to 100% - in Opera and
Firefox, the table is placed within the containing div and it takes up the
total amount of width available.

However, in IE the table "jumps" out of it's container and takes over the
div to the right. It appears as though the table is taking up a width of
100% as in 100% of the page size, not the div.

How can I rectify this?

Pictures, thousand words, etc... At the moment I don't have this online but
if you'd like to see the result, I can always put it online somewhere.

Thanks in advance,

Ikke

Ikke wrote:

Hi,

In my stylesheet I've set the width of a table to 100% - in Opera and
Firefox, the table is placed within the containing div and it takes up the
total amount of width available.

However, in IE the table "jumps" out of it's container and takes over the
div to the right. It appears as though the table is taking up a width of
100% as in 100% of the page size, not the div.

See
<http://groups.google.com/group/comp.infosystems.www.authoring.stylesheets/msg/6c92890f4573c956>

"VK" <schools_ring (AT) yahoo (DOT) com> wrote in
news:1162411431.521817.144470 (AT) e64g2000cwd (DOT) googlegroups.com:

Ikke wrote:
Hi,

In my stylesheet I've set the width of a table to 100% - in Opera and
Firefox, the table is placed within the containing div and it takes
up the total amount of width available.

However, in IE the table "jumps" out of it's container and takes over
the div to the right. It appears as though the table is taking up a
width of 100% as in 100% of the page size, not the div.

See
http://groups.google.com/group/comp....oring.styleshe
ets/msg/6c92890f4573c956

That is exactly what I'm faced with - a table nested within the div of a
liquid layout... Alas, there is no solution to be found there.

Do you perhaps have a solution or a suggestion?

Thanks,

Ikke

See
http://groups.google.com/group/comp....oring.styleshe
ets/msg/6c92890f4573c956

That is exactly what I'm faced with - a table nested within the div of a
liquid layout... Alas, there is no solution to be found there.

Do you perhaps have a solution or a suggestion?

That depends on what kind of layout do you have in your mind. If it's a
centered on the page content area with left and right remainders then I
have a reliable and elegant solution I use often. If it's a classical
three columns layout with content in each column or something more
sophisticated then I'm not a div-layout guru: but someone else may
suggest something. A link or an ASCII sketch would be helpful.

"Ikke" <ikke (AT) hier (DOT) be> wrote

Hi,

In my stylesheet I've set the width of a table to 100% - in Opera and
Firefox, the table is placed within the containing div and it takes up the
total amount of width available.

However, in IE the table "jumps" out of it's container and takes over the
div to the right. It appears as though the table is taking up a width of
100% as in 100% of the page size, not the div.

How can I rectify this?

Pictures, thousand words, etc... At the moment I don't have this online
but
if you'd like to see the result, I can always put it online somewhere.

Thanks in advance,

Ikke

change the width value of the table to 98% to compensate for the IE flaw.

"richard" <don (AT) john (DOT) son> wrote in news:eib5b601s0u (AT) news2 (DOT) newsguy.com:

"Ikke" <ikke (AT) hier (DOT) be> wrote in message
news:Xns986ED1A10AE25ikkehierbe (AT) 195 (DOT) 130.132.70...
Hi,

In my stylesheet I've set the width of a table to 100% - in Opera and
Firefox, the table is placed within the containing div and it takes
up the total amount of width available.

However, in IE the table "jumps" out of it's container and takes over
the div to the right. It appears as though the table is taking up a
width of 100% as in 100% of the page size, not the div.

How can I rectify this?

Pictures, thousand words, etc... At the moment I don't have this
online but
if you'd like to see the result, I can always put it online
somewhere.

Thanks in advance,

Ikke

change the width value of the table to 98% to compensate for the IE
flaw.

How is that going to help? I've just tried it, and all it does is make the
table the suggested 2% less wide - the layout is still messed up...

Thanks anyway,

Ikke

"VK" <schools_ring (AT) yahoo (DOT) com> wrote in
news:1162417069.092268.4380 (AT) i42g2000cwa (DOT) googlegroups.com:

See
http://groups.google.com/group/comp....uthoring.style
she ets/msg/6c92890f4573c956

That is exactly what I'm faced with - a table nested within the div
of a liquid layout... Alas, there is no solution to be found there.

Do you perhaps have a solution or a suggestion?

That depends on what kind of layout do you have in your mind. If it's
a centered on the page content area with left and right remainders
then I have a reliable and elegant solution I use often. If it's a
classical three columns layout with content in each column or
something more sophisticated then I'm not a div-layout guru: but
someone else may suggest something. A link or an ASCII sketch would be
helpful.

Indeed - I'm going to put an example online in an hour or so...

Thanks,

Ikke

Ikke <ikke (AT) hier (DOT) be> wrote in news:Xns986EF131EAE2Bikkehierbe@
195.130.132.70:

<snip>

Indeed - I'm going to put an example online in an hour or so...

Here is the link: http://tesinfo.atspace.com/sample.html

Opera and Firefox display this site just as I want them to display it, but
IE messes up the table completely (the table is positioned below the center
and right div, and extends past the entire page).

As I've mentioned in another post, setting the width to 98% did not work
(as I expected).

Thanks for any help,

Ikke

In article <Xns986EF3D98812Eikkehierbe (AT) 195 (DOT) 130.132.70>,
Ikke <ikke (AT) hier (DOT) be> wrote:

Ikke <ikke (AT) hier (DOT) be> wrote in news:Xns986EF131EAE2Bikkehierbe@
195.130.132.70:

snip
Indeed - I'm going to put an example online in an hour or so...

Here is the link: http://tesinfo.atspace.com/sample.html

Opera and Firefox display this site just as I want them to display it, but
IE messes up the table completely (the table is positioned below the center
and right div, and extends past the entire page).

As I've mentioned in another post, setting the width to 98% did not work
(as I expected).

Thanks for any help,

Ikke

Have you tried things for IE like

* html table {width:50%}

in your css? Play with the width value.

--
dorayme

Here is the link: http://tesinfo.atspace.com/sample.html

Opera and Firefox display this site just as I want them to display it, but
IE messes up the table completely (the table is positioned below the center
and right div, and extends past the entire page).

That is just a guess from my another post, but try to set all
layout-crucial rules (width, float, clear etc) in style attributes of
involved div's. Will it produce any effect?