473,785 Members | 2,290 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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
Nov 1 '06 #1
11 9785
VK

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.c om/group/comp.infosystem s.www.authoring .stylesheets/msg/6c92890f4573c95 6>

Nov 1 '06 #2
"VK" <sc**********@y ahoo.comwrote in
news:11******** **************@ e64g2000cwd.goo glegroups.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/6c92890f4573c95 6>
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
Nov 1 '06 #3
VK
See
<http://groups.google.com/group/comp....oring.styleshe
ets/msg/6c92890f4573c95 6>

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.

Nov 1 '06 #4

"Ikke" <ik**@hier.bewr ote in message
news:Xn******** *************** *@195.130.132.7 0...
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.

Nov 1 '06 #5
"richard" <do*@john.sonwr ote in news:ei******** *@news2.newsguy .com:
>
"Ikke" <ik**@hier.bewr ote in message
news:Xn******** *************** *@195.130.132.7 0...
>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
Nov 1 '06 #6
"VK" <sc**********@y ahoo.comwrote in
news:11******** ************@i4 2g2000cwa.googl egroups.com:
See
<http://groups.google.com/group/comp....uthoring.style
she ets/msg/6c92890f4573c95 6>

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
Nov 1 '06 #7
Ikke <ik**@hier.bewr ote in news:Xns986EF13 1EAE2Bikkehierb e@
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
Nov 1 '06 #8
In article <Xn************ ************@19 5.130.132.70>,
Ikke <ik**@hier.bewr ote:
Ikke <ik**@hier.bewr ote in news:Xns986EF13 1EAE2Bikkehierb e@
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
Nov 1 '06 #9
VK
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?

Nov 1 '06 #10

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

Similar topics

2
7750
by: Stephen Weatherly | last post by:
Could anyone please help me with a problem I am having with my table widths??? If I have 2 images within a td tag, but using CSS relative positioning I position one over the top of the second (I am placing a transparent gif over the top of a normal gif) then the width of my table is large enough to accommodate both images side by side My browsers (both IE ad Firefox) do not appear take into account the relative positioning of my...
0
2070
by: David & Angela Ehmer | last post by:
I am using a table to display forum posts at http://www.acpchnqld.org.au/forum/forum.php The table is contained in the left column of the page in a div with the following ID #leftcolumn { position: relative; border:1px solid #000; background-color : white;
4
6153
by: Alex Meier | last post by:
I have the following problem: I need a simple, tabular layout in a webshop. - left column: navigation column with approx. 170px width - right column: content area the goal: the left column should contain a few "boxes" (these are HTML- tables) which should be all of the same width. So, I attributed the left column with 'width="170"' and assigned the attribute 'width="100%"' to all contained <table>s. This should
11
3581
by: Norman L. DeForest | last post by:
Am I misunderstanding the CSS specifications or is Firefox (version 1.0.6) (and Opera) doing the wrong thing? It appears that Firefox 1.0.6 includes the border in width calculations for tables but not in height calculations. Oh, and Opera version 8.02 does the same thing. |<-->| |<-->| <------ border |<------------>| <------ table contents
2
947
by: Earl Teigrob | last post by:
I am dynamically generating pages from images on the server and place each image into a single cell table (which I use to create a border around the image) The problem is that if I do not specify a table width, sometimes the table will collapse over image, cutting off the right side of the image. This means that for each image I need to instance an "Image" class and read its width property, which is a huge preformance killer. Has anyone...
5
1732
by: F | last post by:
I have an extra wide table (a couple of screens wide) that I need to set up in a way the table header cells are not wrapped but rather in one straight line. Fixing the table width (or cell width) seems to have no effect (tried up to 10000 px or 1000%). How about CSS? Anybody have any idea? Thanks,
4
1998
by: bb nicole | last post by:
Below is my coding for the login and ticker. I put both of it in table which width=166 and height=188, but the size of both table was not same, one is wider and one is narrow...My problem now is when i put both table together in one column, one look wider and the other look narrow, it is no nice... What should i do to make both of it same width?? Thanks... alumni.php <form action="alumniLogin.php" method="POST"> <TABLE width="166"...
16
4480
by: Tantale | last post by:
I used this serviec to check my webpage http://www.jmrw.com/Abroad/Barcelone/index.htm Made with Dreamweaver 8. The result is 206 errors, most of them "end tag omitted, but OMITTAG NO was specified.". I don't understand this result. Should I modify something ? Thanks
1
1304
by: Trap | last post by:
Hi, I am enhancing an website made from others. I want to put a table with this CSS property: ..tooltip table { font-size: 9px; color: black; table-layout: auto; <-------------- useful ?
0
9646
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
9484
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,...
1
10097
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
8983
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
7505
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
6742
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
5386
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...
0
5518
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4055
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 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.