I had some little luck by declaring body {display: table} which makes the
header div extend the full width of the table in Firefox, but IE still
stops the div at the window width:
http://novitskisoftware.com/demos/horizontalStretch/
Paul
At 03:29 PM 7/14/2005, I wrote:
Ian,
I'd mark it up this way:
<div>
<div>Some top of page stuff</div>
<table>...</table>
</div>
The outer div, if you don't constrain its width, will stretch as far as it
has to to enclose its descendants, and the top-of-page-stuff div, being a
block element, will expand to the width of its container. So the table
stretches the container and the top of page div fills that width.
Paul
At 02:52 PM 7/14/2005, Ian Skinner wrote:
Well actually that is the effect I currently have with no floats
involved. The table is not in the div, it is below it. What I want is
the div to stretch to the same width as the table, without defining the
table width or including the div in the table or I suppose enclosing the
table in the div.
<body>
<div>Some top of page stuff</div>
<table>
<tr>
<td>data</td>
<!-- repeated a few dozen times making a wide table
that requires horizontal scrolling. -->
</tr>
</table>
</body>
My goal is to have the div as wide as the table. I would presume that
the "body" is wide as the table in order to encompass it, so if one
declared the div to be 100%; it would be as wide as body and thus the
table. But that does not work, at least not in IE6.
--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
"C code. C code run. Run code run. Please!"
- Cynthia Dunning
...-----Original Message-----
...From: Keith Sader [mailto:[EMAIL PROTECTED]
...Sent: Thursday, July 14, 2005 2:35 PM
...To: Ian Skinner
...Cc: css-d@lists.css-discuss.org
...Subject: Re: [css-d] Stretching wider then the view port.
...
...On 7/14/05, Ian Skinner <[EMAIL PROTECTED]> wrote:
...> Is there a way to get a div to stretch wider then the view port to
...match the arbitrary width of a large table that is wider then the screen
...without making the div part of the table, or somehow defining the width
...of the table instead of letting it auto fit the data? That works in IE6?
...>
...> I tried width 100%, but apparently that is 100% of the view port not
...100% of the body for IE6 at least.
...>
...> (It's a large report, the users want it this way, what can I say?)
...
...Well if I understand your question correctly, you can exploit a bug in
...IE6's float behavior to get this type of 'functionality'
...
...http://ksader.100free.com/css/userHome.html
...http://ksader.100free.com/css/style.css
...
...Do you want the effect of the green bordered content?
...
...#mainContainer - relative postion but no float
... #workArea - relative, float right
... #rightColumn - relative, float left
...
...If so, float the table, but don't float the containing block, instant
...margin over-run.
...
...--
...Keith Sader
[EMAIL PROTECTED]
...http://www.saderfamily.org/roller/page/ksader
Confidentiality Notice: This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
