RE: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
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: wsg@webstandardsgroup.org
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
**
Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
Hi, Posted this with an incorrect subject first time, sorry about that. The end of the week looms and my brain is starting to shut down. 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. I've tried various permutations of max-width/max-height and overflow, but nothing seems to work. If anyone can help I'd be more than grateful. Thanks Chris ** 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: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
Have you tried
.databox
{
padding: 0.5em;
overflow: auto;
}
Parker
**
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: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
Hi Chris,
Here's what you need:
#pane2
{
position:relative;
height:auto; background-color: #FF;
margin: 0 1em 0 1em;
border: 1px solid #404040;
overflow:auto;
}
Hope that is useful!
Roberto
Chris Taylor wrote:
Hi,
Posted this with an incorrect subject first time, sorry about that. The
end of the week looms and my brain is starting to shut down.
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.
I've tried various permutations of max-width/max-height and overflow,
but nothing seems to work. If anyone can help I'd be more than grateful.
Thanks
Chris
**
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: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
So sorry about the receipt request! Please appologise for the inconvenience. It was my first post here... I've turned it off! Roberto Chris Taylor wrote: Hi, Posted this with an incorrect subject first time, sorry about that. The end of the week looms and my brain is starting to shut down. 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. I've tried various permutations of max-width/max-height and overflow, but nothing seems to work. If anyone can help I'd be more than grateful. Thanks Chris ** 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: 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 **
