RE: [WSG] float and table width combination problem in IE

2004-12-07 Thread Cade Whitbourn 
Ah, sorry for not being more specific: 
The example page I've created is a simplified version of the actual page
layout.

The red box does in fact need to be floated due to other dependant and
related page elements.

-Original Message-
From: Natalie Buxton [mailto:[EMAIL PROTECTED]
Sent: Wednesday, 8 December 2004 1:02 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] float and table width combination problem in IE


Dont float the box. Is there a reason you are floating it? Seems in
this example that absolute positioning would achieve the effect you
are after?

Natalie


On Wed, 8 Dec 2004 12:54:16 +1100, Cade Whitbourn
[EMAIL PROTECTED] wrote:
 Friends,
 
 Can anyone help me identify what's going wrong with the following layout
in
 IE6/Windows. I've been struggling with it all morning, and I suspect there
 may be a simple fix that I've just overlooked.
 
 The page: http://home.swiftdsl.com.au/~cadewhitbourn/test/demo.htm
 
 The layout: The red box is floated left. The purple box has a left margin
 set to the width of the red box. The purple box contains a table.
 
 The problem: In IE, when the browser viewport is decreased to less than
the
 width of the table, the table drops down to below the bottom of the list,
 but the heading stays in place.
 
 I want the table to stay in place and just have horizontal scroll bars.
 
 I hope I've been clear. Any thoughts are greatly appreciated.
 
 Cheers,
 Cade.
 **
 The discussion list for  http://webstandardsgroup.org/
 
  See http://webstandardsgroup.org/mail/guidelines.cfm
  for some hints on posting to the list  getting help
 **
 
 


-- 
Website Designer/Developer
www.nataliebuxton.com
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

RE: [WSG] float and table width combination problem in IE

2004-12-07 Thread Cade Whitbourn 
Thanks Henry. I have looked into hasLayout but applying dimensions to the
various boxs (including dummy container boxes I created) doesn't seem to
affect the behaviour of the misbehaving table.

Any other suggestions?

-Original Message-
From: Henry Tapia [mailto:[EMAIL PROTECTED]
Sent: Wednesday, 8 December 2004 1:43 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] float and table width combination problem in IE


Hi Cade,

 The problem: In IE, when the browser viewport is decreased to less than 
 the
 width of the table, the table drops down to below the bottom of the list,
 but the heading stays in place.

Having played around with it for a minute or two, it looks like it might be 
an IE rendering bug (hasLayout). Info here: 
http://www.positioniseverything.net/articles/hollyhack.html#haslayout

Warning: might require a hack to fix.

You might want to consider Natalie's absolute positioning recommendation.

cheers,

- hank

--
http://henrytapia.com/
--

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] float and table width combination problem in IE

2004-12-07 Thread Gunlaug Sørtun 
Cade Whitbourn wrote:
Can anyone help me identify what's going wrong with the following layout in
IE6/Windows. I've been struggling with it all morning, and I suspect there
may be a simple fix that I've just overlooked.
The page: http://home.swiftdsl.com.au/~cadewhitbourn/test/demo.htm
The problem: In IE, when the browser viewport is decreased to less than the
width of the table, the table drops down to below the bottom of the list,
but the heading stays in place.
I want the table to stay in place and just have horizontal scroll bars.
Alright, but this is going to be one long and awful hack...
Put it at the very bottom of your stylesheet, and see IE6 behave like
Firefox-- until something else break the layout.
@media all {
* html #globalnav {margin-right: -157px;}
* html div#content {height: 0;}
* html div#content table {float: left; margin-right: -800px; position:
relative; }
}
Tested in IE6 on win2K-pro, on your example-page.
CSS is fun... and IE6 is even more fun.
Georg
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**