CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

developing for IE 6 - fixed position

Discuss developing for IE 6 - fixed position in the CSS Help forum on Dev Shed.
developing for IE 6 - fixed position Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 26th, 2004, 01:55 PM
binkyboo binkyboo is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2003
Posts: 114 binkyboo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
developing for IE 6 - fixed position
I'll start with my code.



code:--------------------------------------------------------------------------------<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
height: 100%;
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#menu {
position: absolute;
display:block;
bottom:0px;
left:0px;
width:100%;
border:1px solid #002E80;
background-color: #E5EFFF;
}
#content{
padding: 5px;
width: 100%;
height: 100%;
overflow: auto;
z-index: 100;
}
</style>
</head>
<body>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
<div id="menu">
<table width="100%" border="0">
<tr>
<td><div align="left">
<input type="button" name="prevBut" value="<< Prev" />
</div></td>
<td><div align="right">
<input type="button" name="nextBut" value="Next >>" />
</div></td>
</tr>
</table>
</div>
</body>
</html>
--------------------------------------------------------------------------------


The problem falls on the positioning of the scrollbar. I need it to be over my bottom menu. Right now it falls below the menu. Why is this?
Reply With Quote
  #2  
Old July 26th, 2004, 02:04 PM
obi_wonton's Avatar
obi_wonton obi_wonton is offline
(not) Banned
Dev Shed Novice (500 - 999 posts)
  
Join Date: Apr 2004
Location: Toronto, CANADA
Posts: 598 obi_wonton User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 9 h 4 m 13 sec
Reputation Power: 5
If it's '0' from the bottom, then it begins at the bottom? Maybe the top of the scrollbar begins at the bottom, and then continues down...
__________________
May the source be with you - obi_wonton
Reply With Quote
  #3  
Old July 26th, 2004, 02:08 PM
binkyboo binkyboo is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2003
Posts: 114 binkyboo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
The scrollbar is falling behind the bottom menu. Copy and paste the code and you'll see what I mean. That is of course if you have IE 6 which is the browswer I'm developing for.
Reply With Quote
  #4  
Old July 26th, 2004, 02:21 PM
obi_wonton's Avatar
obi_wonton obi_wonton is offline
(not) Banned
Dev Shed Novice (500 - 999 posts)
  
Join Date: Apr 2004
Location: Toronto, CANADA
Posts: 598 obi_wonton User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 9 h 4 m 13 sec
Reputation Power: 5
There is no scrollbar in that piece of code. What do you mean?
Reply With Quote
  #5  
Old July 26th, 2004, 04:44 PM
binkyboo binkyboo is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2003
Posts: 114 binkyboo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Resize the window in IE so that it needs to scroll. As you can see I have overflow set to auto within the div tag 'content'.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > developing for IE 6 - fixed position

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway. 
Stay green...Green IT