Scroll

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

Thanks,
Miguel

On 2009-10-16, shapper <mdmoura (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.

On 16 oct, 16:14, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2009-10-16, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.

Ben,

I know 2 cases where this may not happen in Opera 9.x and Opera 10.x:

http://www.brunildo.org/test/IE8b1_ovauto_apchild.html

http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/overflowed-floated-child-vertical-scrollbar.html

See bug entries #25 and #26:
http://www.gtalbot.org/BrowserBugsSection/Opera10Bugs/#bug25

regards, Gérard
--
Internet Explorer 7 bugs: 183 bugs so far
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
Internet Explorer 8 bugs: 57 bugs so far
http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/

In article
<711a930d-a90c-4636-96d4-dd2a42cf31d6 (AT) t2g2000yqn (DOT) googlegroups.com>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 oct, 16:14, Ben C <spams... (AT) spam (DOT) eggs> wrote:
On 2009-10-16, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.


Ben,

I know 2 cases where this may not happen in Opera 9.x and Opera 10.x:

In Opera, you cannot even get a heighted DIV full stop in many
situations. Try in Opera 9.64 on a Mac, probably same on PC:

div {
border: 1px solid;
height: 200px;
}

<div>Just this.</div>

Opera takes the line of letting the content determine the height, not
any this CSS.

--
dorayme

On 2009-10-17, dorayme wrote:

In article
711a930d-a90c-4636-96d4-dd2a42cf31d6...oglegroups.com>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 oct, 16:14, Ben C <spams... (AT) spam (DOT) eggs> wrote:
On 2009-10-16, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.


Ben,

I know 2 cases where this may not happen in Opera 9.x and Opera 10.x:

In Opera, you cannot even get a heighted DIV full stop in many
situations. Try in Opera 9.64 on a Mac, probably same on PC:

div {
border: 1px solid;
height: 200px;
}

div>Just this.</div

Opera takes the line of letting the content determine the height, not
any this CSS.

Opera 10.0 on Linux does honor height and min-height, e.g.:

<http://books.cfajohnson.com/DickFrancis/IntheFrame.shtml>


--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

In article <7jv4itF37pe60U1 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-10-17, dorayme wrote:
In article
711a930d-a90c-4636-96d4-dd2a42cf31d6...oglegroups.com>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 oct, 16:14, Ben C <spams... (AT) spam (DOT) eggs> wrote:
On 2009-10-16, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.


Ben,

I know 2 cases where this may not happen in Opera 9.x and Opera 10.x:

In Opera, you cannot even get a heighted DIV full stop in many
situations. Try in Opera 9.64 on a Mac, probably same on PC:

div {
border: 1px solid;
height: 200px;
}

div>Just this.</div

Opera takes the line of letting the content determine the height, not
any this CSS.

Opera 10.0 on Linux does honor height and min-height, e.g.:

http://books.cfajohnson.com/DickFrancis/IntheFrame.shtml

Is there any height on any DIV in this?

Try this on your Opera:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Old and new float way</title>
<style type="text/css" media="screen">
#header {
height: 400px;
border: 1px solid;
}
</style>
</head>
<body>
<div id="header">
<img src="http://books.cfajohnson.com/DickFrancis/horse-200.gif"
alt="Dick Francis Bibliography" title="Dick Francis Bibliography"
height="86" width="200">
</div>
</body>
</html>

--
dorayme

On 2009-10-18, dorayme wrote:

In article <7jv4itF37pe60U1 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-10-17, dorayme wrote:
In article
711a930d-a90c-4636-96d4-dd2a42cf31d6...oglegroups.com>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 oct, 16:14, Ben C <spams... (AT) spam (DOT) eggs> wrote:
On 2009-10-16, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Hello,

How can I make a DIV to scroll only vertically? And with an height of
400px?

overflow: scroll;
height: 400px;
width: auto;

will normally do the trick. Could delve into CSS3 overflow-x and
overflow-y but shouldn't normally be necessary.


Ben,

I know 2 cases where this may not happen in Opera 9.x and Opera 10.x:

In Opera, you cannot even get a heighted DIV full stop in many
situations. Try in Opera 9.64 on a Mac, probably same on PC:

div {
border: 1px solid;
height: 200px;
}

div>Just this.</div

Opera takes the line of letting the content determine the height, not
any this CSS.

Opera 10.0 on Linux does honor height and min-height, e.g.:

http://books.cfajohnson.com/DickFrancis/IntheFrame.shtml

Is there any height on any DIV in this?

There's a min-height:, and it's the same with height:.

Try this on your Opera:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
html
head
meta http-equiv="content-type" content="text/html; charset=utf-8"
title>Old and new float way</title
style type="text/css" media="screen"
#header {
height: 400px;
border: 1px solid;
}
/style
/head
body
div id="header"
img src="http://books.cfajohnson.com/DickFrancis/horse-200.gif"
alt="Dick Francis Bibliography" title="Dick Francis Bibliography"
height="86" width="200"
/div
/body
/html

<http://cfaj.freeshell.org/testing/optest.jpg>


--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

In article <7jv9b6F3844d6U1 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

http://cfaj.freeshell.org/testing/optest.jpg

<http://dorayme.890m.com/justPics/opera9.64height.png>

Looks like it is my version on my platform. I suspect that it has
*something* to do with what Gerard is noticing too.

--
dorayme