Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Only content scrollable.
Old 05-26-2006, 09:51 PM Only content scrollable.
dzigner's Avatar
Skilled Talker

Latest Blog Post:
7 Link Challenge
Posts: 62
Trades: 0
Hi
Is there a way that only the content is scrollable, and not the other items on the page like navigation and banner and footer?
Take a look at netdzigns, which is a frame-based site. I am planning to redo it in css, as most of the formatting is in css. What I want is that the content in the main frame should only be scrollble, while the menu and the banner above should be visible at all times. Is this possible with css?
Thanks
__________________
dzigner

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
dzigner is offline
Reply With Quote
View Public Profile Visit dzigner's homepage!
 
 
Register now for full access!
Old 05-27-2006, 09:40 AM Re: Only content scrollable.
AliKat's Avatar
Extreme Talker

Latest Blog Post:
Save the Children
Posts: 176
Location: MS
Trades: 0
It's possible to do it with Straight CSS but it won't work in IE as in IE the position fixed doesn't work. Client side scripting can do it but it's kinda jumpy in my opinion.

I personally can't think of any other way to do it and be cross-browser friendly.
AliKat is offline
Reply With Quote
View Public Profile Visit AliKat's homepage!
 
Old 05-27-2006, 10:29 AM Re: Only content scrollable.
King Spam Talker

Posts: 1,186
Location: Manchester, UK
Trades: 0
It is possible, and it works in IE:

HTML Code:
#content {
        width: 300px;
        height: 300px;
        overflow: auto;
      }
Identify your content div with id="content"
gringo is offline
Reply With Quote
View Public Profile Visit gringo's homepage!
 
Old 05-27-2006, 10:31 AM Re: Only content scrollable.
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
or you can go to extremes

http://www.cssplay.co.uk/layouts/frame.html
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-27-2006, 08:18 PM Re: Only content scrollable.
AliKat's Avatar
Extreme Talker

Latest Blog Post:
Save the Children
Posts: 176
Location: MS
Trades: 0
Yeah but that creates a completely new scroll bar. and I don't think you can use your mouse wheel to scroll the text then...(at least not in one of the browsers, FF I think).
AliKat is offline
Reply With Quote
View Public Profile Visit AliKat's homepage!
 
Old 05-29-2006, 10:34 PM Re: Only content scrollable.
The Ape's Avatar
Super Talker

Posts: 129
Trades: 0
This is not self promotion, but Apethumb styles utilize a frames effect with CSS. It works in firefox, ie, and opera. The CSS will not validate because it relies on overflow x and y. You can download the Apestyles on the templates page for more reference. Link to Apethumb in sig.
__________________

Please login or register to view this content. Registration is FREE
The Ape is offline
Reply With Quote
View Public Profile Visit The Ape's homepage!
 
Old 05-31-2006, 03:04 PM Re: Only content scrollable.
dzigner's Avatar
Skilled Talker

Latest Blog Post:
7 Link Challenge
Posts: 62
Trades: 0
Hi
I have started the experiment, and one page is ready, when I upload it, I'll post here, so you can test it out. I have only seen it in IE, have yet to test it in FF or Opera, so maybe I'll need more help when I am done with the testing. I have used css code for the positioning, and yes, it creates a new scrollbar, but that is what I wanted. Now, how it looks to you guys, we will wait and see.
Thanks
__________________
dzigner

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
dzigner is offline
Reply With Quote
View Public Profile Visit dzigner's homepage!
 
Old 05-31-2006, 09:22 PM Re: Only content scrollable.
dzigner's Avatar
Skilled Talker

Latest Blog Post:
7 Link Challenge
Posts: 62
Trades: 0
Hi
As I mentioned, I have redone my index page with css positioning. You can view it at netdzigns. As you can see, I have some problem with it.
If you view it in FF, the menu comes up OK, similar to one on the main page. But in IE, there is too much space between menu items.
Can I get this corrected?
I am attaching both htm and css files for this in a zip file.
Thanks for any and all help.
Attached Files
File Type: zip netdzigns.zip (2.8 KB, 0 views)
__________________
dzigner

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
dzigner is offline
Reply With Quote
View Public Profile Visit dzigner's homepage!
 
Old 06-01-2006, 06:34 AM Re: Only content scrollable.
King Spam Talker

Posts: 1,186
Location: Manchester, UK
Trades: 0
IE bug. If you specify your navigation links all on one line like this:

HTML Code:
<li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Services</a></li>
IE will reduce the gap. Don't know why

You'd better close all your <li>s too.
gringo is offline
Reply With Quote
View Public Profile Visit gringo's homepage!
 
Old 06-01-2006, 04:33 PM Re: Only content scrollable.
dzigner's Avatar
Skilled Talker

Latest Blog Post:
7 Link Challenge
Posts: 62
Trades: 0
hi
I have gone with this code for the white space problem between the list items in IE:
#nav a {
_height:1px;
/*/*/display: block;
}

I also tried the solution above(putting <li> code right after previous</li>), and that also worked.
Thanks for the help.
__________________
dzigner

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
dzigner is offline
Reply With Quote
View Public Profile Visit dzigner's homepage!
 
Old 06-01-2006, 09:20 PM differences in IE and FF
dzigner's Avatar
Skilled Talker

Latest Blog Post:
7 Link Challenge
Posts: 62
Trades: 0
Hi
I have tried to change some css settings, and it looks OK(not exact) in FF, but in IE, not good at all.
Check the site here.
You will notice in FF, the positioning is OK, except that the heading inside the content has to be in the middle, but it appears fine in IE.
Now IE has more trouble with this:
  • The top banner is sticking to the content.
  • There is a horizontal scrollbar too, which I do not want.
  • The content does not go all the way to the end like it does in FF.

This is the css code(only positioning, not whole file):
Code:
/* position CSS */
.bnr { /* top banner */
	position: fixed;
	height: 10%;
	top: 0;
	left: 30%;
	padding: 0 0 10px 0;
}
#nav { /* left navigation list */
	position: fixed;
	left: 10px;
	top: 10%;
	width: 110px;
	height: auto;
}
#rgtcont { /* the main content trbl */
	position: absolute;
	top: 10%;
	bottom: 200px;
	left: 120px;
	width: auto;
	height: 450px;
	overflow: auto;
	padding: 10px 10px 10px 10px;
	text-align:justify;
	border-width: 2px 0 2px 4px;
	border-style: ridge solid ridge groove;
	border-color: mediumorchid;
}

#btm { /* the bottom links etc.*/
	position:absolute;
	padding: 15px 0 -5px 0;
	width: auto;
	left: 150px;
	bottom: 0;
	text-align:center;
}
The htm code has also changed, if you guys need that too?
Any thoughts?
thanks
__________________
dzigner

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
dzigner is offline
Reply With Quote
View Public Profile Visit dzigner's homepage!
 
Reply     « Reply to Only content scrollable.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.59345 seconds with 13 queries