Having issues with this. I need this page & cross browser
--------------------
- W-100% H-121px - <--- non-Scrolling
--------------------
-#############- <--- W - 100px
-#############- <--- H - auto
-#############- <--- Scrolling
-#############-
--------------------
Im using frames now, it was a quick fix. for what I needed. now I got to get away from from them.
I need this to be full screen and resizeable
Thanks for any help you can offer
Thanks
Try this:<style type="text/css"><!--
body{
overflow:auto; /* Removes scroll-bar in IE (unless needed). */
}
#top{
width:100%;
height:121px;
}
#bottom{
width:100%;
height:99999px;
overflow:auto;
}
--></style>
</head>
<body>
<div id="top">TOP CONTENT</div>
<div id="bottom">TOP CONTENT</div>You'll need to specify a height for the bottom div tag so that you can have a scroll bar on it.Originally posted by lavalamp
You'll need to specify a height for the bottom div tag so that you can have a scroll bar on it. [/B]
But isnt there a way to just have it cvome up full browser window w/ out a height. I would love to bottom=0 right=0 and it would be done but then it would not work in IEYes, of course there is, according to IE there isn't because it sucks. Here's the closest you can get.Thanks, but that I was able to do in firefox (moz) but of course IE sucks. And there is no happy medium; I could get it to work in either IE or MOZ but not both. I hate IEOr ... why the christ can't I have a table
100% x 100%
2 rows
1 column
top row 100% W x 121px H
bottom row 100% W x and no H set and have scroll:auto
why wont that work.A recent article on A List Apart might prove helpful here!
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/negativemargins/How">http://www.alistapart.com/articles/negativemargins/How</a><!-- m -->?
Originally posted by tekjock
why wont that work.It might work, but then you'd be using tables for layout. I'm not sure if it will work or not though, because you haven't actually specified a height for the bottom row.Have a look at the file. It keeps the header at the top, and scrolls the remaining content only when needed.
There are two problems that I can see
1) The scrollbar is too tall and the top of it gets obscured behind the header section, which could probable be sorted using some script, but i cant think how.
2) Doesnt work using opera (works fine with netscape and IE though)
Hope it helps but with these problems it probably wont!You have used only half of a DOCTYPE, this means that Mozilla is in quirks mode, therefore what you posted will work in Mozilla. Opera is always in standards mode, DOCTYPE or not, therefore it does not work in Opera.
IE is pretty much always in quirks mode so it will work in that.
Here is a modified version of what you uploaded. I suppose the ideal solution would be to mash this together with the position:fixed solution I uploaded before, unfortunately I do not have the time to do that right now.
--------------------
- W-100% H-121px - <--- non-Scrolling
--------------------
-#############- <--- W - 100px
-#############- <--- H - auto
-#############- <--- Scrolling
-#############-
--------------------
Im using frames now, it was a quick fix. for what I needed. now I got to get away from from them.
I need this to be full screen and resizeable
Thanks for any help you can offer
Thanks
Try this:<style type="text/css"><!--body{
overflow:auto; /* Removes scroll-bar in IE (unless needed). */
}
#top{
width:100%;
height:121px;
}
#bottom{
width:100%;
height:99999px;
overflow:auto;
}
--></style>
</head>
<body>
<div id="top">TOP CONTENT</div>
<div id="bottom">TOP CONTENT</div>You'll need to specify a height for the bottom div tag so that you can have a scroll bar on it.Originally posted by lavalamp
You'll need to specify a height for the bottom div tag so that you can have a scroll bar on it. [/B]
But isnt there a way to just have it cvome up full browser window w/ out a height. I would love to bottom=0 right=0 and it would be done but then it would not work in IEYes, of course there is, according to IE there isn't because it sucks. Here's the closest you can get.Thanks, but that I was able to do in firefox (moz) but of course IE sucks. And there is no happy medium; I could get it to work in either IE or MOZ but not both. I hate IEOr ... why the christ can't I have a table
100% x 100%
2 rows
1 column
top row 100% W x 121px H
bottom row 100% W x and no H set and have scroll:auto
why wont that work.A recent article on A List Apart might prove helpful here!
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/negativemargins/How">http://www.alistapart.com/articles/negativemargins/How</a><!-- m -->?
Originally posted by tekjock why wont that work.It might work, but then you'd be using tables for layout. I'm not sure if it will work or not though, because you haven't actually specified a height for the bottom row.Have a look at the file. It keeps the header at the top, and scrolls the remaining content only when needed.
There are two problems that I can see
1) The scrollbar is too tall and the top of it gets obscured behind the header section, which could probable be sorted using some script, but i cant think how.
2) Doesnt work using opera (works fine with netscape and IE though)
Hope it helps but with these problems it probably wont!You have used only half of a DOCTYPE, this means that Mozilla is in quirks mode, therefore what you posted will work in Mozilla. Opera is always in standards mode, DOCTYPE or not, therefore it does not work in Opera.
IE is pretty much always in quirks mode so it will work in that.
Here is a modified version of what you uploaded. I suppose the ideal solution would be to mash this together with the position:fixed solution I uploaded before, unfortunately I do not have the time to do that right now.