Thanks everyone. In the end I used Gunlaug's solution (slightly modified), and
wrapped the calendar table in an extra DIV with a class of "horizontalscroll":
.horizontalscroll
{
overflow: auto;
margin: 0 0 0 1em;
width: 95%;
_overflow-y: visible;
padding: 0 1em 1em 0;
}
Seems to work OK in FF 1.0.4, Opera 7.50, Mozilla 1.7.3 and IE 5.01, 5.5 and 6
all under Windows XP. The "_overflow-y" bit seems to only affect IE, I'll have
to do some reading up about that property.
Thanks again
Chris
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug S�rtun
Sent: 26 May 2005 17:46
To: [email protected]
Subject: Re: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the
mysteries of float - i seek enlightenment
Chris Taylor wrote:
> I'm trying to get a very wide table to appear inside a DIV and scroll
> horizontally, but not vertically. Take a look at
> http://www.egton.net/yearview/index.html to see what I mean. What I
> would like is for the calendar table to be horizontally scrollable
> inside "Tapes due in - Year View" DIV. Eventually I'll be adding
> additional information inside each days cell, so the DIV needs to be
> able to resize vertically, yet not break in IE.
A quick solution - working, but need fine-tuning for your page.
Tested in Opera8, FF1.0 and IE6.
<div id="pane2" style="overflow: auto; margin: 0 0 0 10px; float: left;
width: 60%; _overflow-y: visible; _padding-bottom: 1em;">
This will auto-adjust no matter how much you put in there (within reason).
Note that your styles for #pane2 is still working. I'm just overriding some of
them. Clean up later... :-)
regards
Georg
--
http://www.gunlaug.no
******************************************************
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
******************************************************
