473,811 Members | 2,665 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE and scrollable divs

I have a page up at http://ataru.gomen.org/test.html with the
following style:
body {
margin: 0px; padding: 0px;
height: 100%; width: 100%;
}
div.left {
position: fixed; left: 0px; top: 0px; bottom: 0px; right: auto;
width: 141px; height: 100%; margin-top: 0px; margin-left: 0px;
}
div.top {
position: absolute; left: 141px; top: 0px; bottom: auto; right: 0px; height: 75px;
}
div.content {
position: absolute; left: 141px; top: 75px; bottom: 0px; right: 0px; overflow: scroll;
}

This all looks lovely in Opera, but IE refuses to render the content
div in any remotely intelligent way. Am I doing something wrong? If
not, is there any way to coerce IE into rendering what Opera renders,
short of using some obscene JavaScript hack?

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cybers pace.org | don't, I need to know. Flames welcome.
Jul 21 '05 #1
2 2756
On Sun, 9 Jan 2005 04:06:46 +0000 (UTC), Christopher Benson-Manica
<at***@nospam.c yberspace.org> wrote:
I have a page up at http://ataru.gomen.org/test.html with the
following style:
body {
margin: 0px; padding: 0px;
height: 100%; width: 100%;
}
div.left {
position: fixed; left: 0px; top: 0px; bottom: 0px; right: auto;
width: 141px; height: 100%; margin-top: 0px; margin-left: 0px;
}
div.top {
position: absolute; left: 141px; top: 0px; bottom: auto; right: 0px;
height: 75px;
}
div.content {
position: absolute; left: 141px; top: 75px; bottom: 0px; right: 0px;
overflow: scroll;
}

This all looks lovely in Opera, but IE refuses to render the content
div in any remotely intelligent way. Am I doing something wrong? If
not, is there any way to coerce IE into rendering what Opera renders,
short of using some obscene JavaScript hack?


MSIE does not support 'position:fixed '. There are ways to get a 'fixed'
behavior, but that is not as simple as straigforward as the styles you
used.

http://devnull.tagsoup.com/fixed/
http://limpid.nl/lab/css/fixed/

--
Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen

Jul 21 '05 #2
Rijk van Geijtenbeek <ri**@operaremo vethiz.com> spoke thus:
MSIE does not support 'position:fixed '.
I noticed :(
http://devnull.tagsoup.com/fixed/
http://limpid.nl/lab/css/fixed/


THANK YOU for those links, they look like exactly what I'm looking
for!

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cybers pace.org | don't, I need to know. Flames welcome.
Jul 21 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
11656
by: Matt Kruse | last post by:
This is a typical layout, but I have specific requirements. I'm trying to figure out a) if it's possible to meet the requirements and b) if so, how. +---------------+ | header | +---------------+ | body | | (scrollable) | +---------------+ | footer |
3
5047
by: SebiF | last post by:
Hello, It might have been asked before but since I could not find a reference here's my qustion: I want a liquid layout similar to this one: http://www.alistapart.com/d/negativemargins/ex5.htm but with the footer fixed at the bottom and the content in a scrollable area.
25
36374
by: Michael Schuerig | last post by:
I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are scrollable (with the ordinary scrollbars, no less). Whatever I try, the columns in the head and the body aren't aligned; the widths are computed independently which gives a completely ragged look. Michael --
5
2161
by: Brian Henry | last post by:
Hello, I want to make a control that has a scrollable Gantt type display (not really one but will look similar to one) this is going to be custom drawn (i already have the drawing procedure completed for the overriden onpaint event) but the problem is this can be a very long scrollable viewport (part that scrolls inside the control) while the control will be relatively 800x600 in size)... i tried to do this with a panel scrolling inside...
2
4096
by: Ben H | last post by:
Hello all I'm using a listview in my app but I want to scroll the listview programatically as I hate the look of the standard scrollbar. So, the listview is scrolled programatically using ensurevisible, ie the listview shows a maximum of 6 items and if I want to scroll down one I use the code... listview.ensurevisible(listview.TopItem.Index + 6)
4
11695
by: hans.kindberg | last post by:
This is how my page looks like in IE6: http://www.freewebs.com/hasodaki/default.txt (without advertising banner, browsable with IE6 and to see the code with the other browsers) http://www.freewebs.com/hasodaki/default.html (with advertising banner) I would like it to look the same in Firefox 2.0 (and in Netscape 8.1.2). If possible even in Opera 9.02. Resize the window and see how the scrolling part resizes. I want my content to...
3
6781
by: RMuthuKumaran | last post by:
When we are trying to execute scrollable resultset APIs (rs.last etc.,) we get the following error. (Database version: UDB 7. on Windows. Driver: Type 4.) This method should only be called on ResultSet objects that are scrollable(type TYPE_SCROLL_SENSITIVE or TYPE_SCROLL_INSENSITIVE). But the same(scrollable resultset) works on DB2 Version 7.1 on DB2 z/OS version. Can anyone help in solving for the issue in scrollable resultset in UDB 7....
0
1447
by: Rune Jacobsen | last post by:
Hi all, In my project I have a control (described in an earlier post) which basically consists of three "subcontrols": One big area where the vital data is displayed (scrollable, since it will usually be larger than the window containing the parent control), a time strip on top of it, and a resource list on the left. Long story short - when someone scrolls the scrollable data control, the time strip and resource lists are hooked to keep...
1
16984
by: since | last post by:
I figured I would post my solution to the following. Resizable column tables. Search and replace values in a table. (IE only) Scrollable tables. Sortable tables. It is based on a lot examples I found on the web. Works in IE and mozilla. http://www.imaputz.com/cssStuff/bigFourVersion.html
2
2602
by: Hugh Oxford | last post by:
Dear all, I am here our of desperation, having RTFM'd and hacked for hours. What I want is simple. I want a left to right scrollable div, containing other divs. Eg.
0
9734
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9607
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10395
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10408
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10137
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7673
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5700
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4346
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3874
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.