Scroll bar pushing content

I'm building a site for my girlfriends illustration and some
pages have more content than others and on these pages a scroll bar
appears which pushes the content to the left which then makes going
back to a page without a scroll give the site an inconsistent look.
i'd like to know if there was a way to fix this. I don't want
to force a scroll bar to appear on pages that don't need it, only
for it to appear when needed and to not push all my content over.
All the content is centered and thats how I'd like it to stay.
I"m using Dreamweaver CS3 and am a complete novice so a
simple explanation would be good

it isn't up yet but here is the code of one of the pages.
they will all be the same just with different content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />

<title>hollysims.co.uk</title>

<style type="text/css">

</style>

<link href="Styles/header.css" rel="stylesheet"
type="text/css" />
<link href="Styles/paragraph.css" rel="stylesheet"
type="text/css" />
<link href="Styles/photo.css" rel="stylesheet"
type="text/css" />
<style type="text/css">

</style></head>
<body>
<div id="wrapper">
<p align="center"><img
src="images/Site/bannerwithbuttons.jpg" width="674" height="321"
border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect"
coords="17,272,69,298" href="home.html" />
<area shape="rect" coords="76,276,130,297"
href="about.html" />
<area shape="rect" coords="137,276,256,296"
href="illustration.html" />
<area shape="rect" coords="262,275,384,301"
href="photography.html" />
<area shape="rect" coords="391,273,512,295"
href="sketchbooks.html" />
<area shape="rect" coords="519,279,566,299"
href="shop.html" />
<area shape="rect" coords="573,271,647,296"
href="contact.html" />
</map></p>
</div>

<div id="wrappertext">
<div align="center"> <span
class="header">Paris</span>
<p><a
href="images/Illustration/Full_size/Blue_Paris_full.jpg"><img
src="images/Illustration/Thumbnails/Blue_Paris_thumb.jpg"
width="80" height="80" class="photo"
/></a> <a
href="images/Illustration/Full_size/Paris_Collage_full.jpg"><img
src="images/Illustration/Thumbnails/Paris_Collage_thumb" width="80"
height="80" class="photo" /></a></p>
<p> </p>
</div>
</div>

</body>
</html>
for all i know this could be the worst code ever. i'm using
dreamweaver in design mode. never done this before so excuse me if
this makes your eyes sore

Similar Messages

Scroll bar in Content Viewer

Hello everyone,
I have place three different height images into a frame and applied scroll bar using Content viewer. I am calling each image through a button.
My question is:
Can we control the scroll bar height limiation as per the image's height. Right now its taking the largest image's height as a reference, when i click and check the small height image, i see lot of white space in it.
Thank you very much.
Regards,
Shiva

What do you mean you added a scroll bar? Do you mean a scrolling frame?
If so, no, you cannot adjust the size of that dynamically. That said, I still don't totally get what you're doing.
You can't click to move content in a scrolling frame, only an MSO.
Bob

Finder Issue in 10.5.1 No scroll bar, blurry contents

I am a sysadmin at a local Community College, and am running into a problem when viewing items in a Windows Share from any Mac running Leopard (10.5, or 10.5.1)
Basically in the "Column View" when I am trying to scroll down, all file icons and names become blurry, and unreadable. Well, Actually at first there is no scrollbar at all, and then after tugging at the corner for a second, the scrollbar appears. This only happens when there are quite a few items in a particular folder on the windows share. After this occurs, you cannot salvage the column view. You must switch to another view.
This only occurs in the column view.
Any idea on a resolution for this outside of just using coverflow, and the forward and backwards buttons?
Message was edited by: kedeleon58

I am using the Airport Extreme 802.11n at 5Ghz
All access is wireless.
Your file transfer speeds are in the Megabytes-Per-Second range. If you look at any movie (HD or not) you will rarely see much more than one megabyte every 10 or 20 seconds. So your network is easily fast enough.
I am playing MP4s and DIVX files. I can also stream MKV if I play using VLC.
As you spotted VLC lets you increase the buffer size. That might be an issue.
For DIVX in Quicktime, make sure you are using Perian.
One additional idea is to increase the streaming buffer space on the Mac.
This article
http://devroot.org/2007/05/01/optimize-network-throughput-on-your-appletv/
Shows you how. But I am not convinced that is the problem.
One more question. How are you connecting to the Airdisk. AFP or SMB?

Scroll bar moved layout slightly to left

If content on ALL of my site either did or didn't require a scroll bar, the transitions when clicking from page to page would all look smooth. Unfortunately I have some pages that are short (and so the browser displays no display bar) and other pages that are long, and when the scroll bar appears, my content gets moved slightly to the left. I suppose I could just keep adding a bunch of new paragraphs at the bottom of my short pages until a scroll bar appears, but this problem is bugging me. I'd like to fix it the real way. To visualize this problem see attached pictures below.
And here's some of the code that I think is relevant to my issue here.
body {
    background-attachment: fixed;
    background-image: url(images2/palisades.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
.header {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
Below: the scroll bar pushes content slightly to the left.

Actually, this one looks pretty simple.
The first page shown is long enough to need a vertical scrollbar. When that scroll bar kicks on, the actual width of the page changes slightly, so the content (which appears to be centered) will shift to the left when the scroll bar appears.
If it really bothers you (most visitors would never notice it) you can add a scroll bar to every page on your site (the pages that don't need it will pop up with a grayed out bar that doesn't allow scrolling) and your pages won't shift anymore if you add in overflow-y:scroll to the body tag css....
body {
     overflow-y:scroll;

Scroll bars within tables in dreamweaver cs4

please assist am trying to create scroll bars for content to be placed inside a table, the content i have is to long for page lenght, am using dreamweaver CS4

omedia.co.za wrote:
hi, osgood, thank for reply, i am novice and sorry but i still am not clear on what you mean, could you please explain in detail how to go about doing these scroll bars, greatly apprciate your time. :-/
Hummm........ not sure how much clearer I can explain it to be honest.
In your page where you need the scroll area to appear insert your mouse cursor.
Then switch to code view. You should see your cursor flashing between two <td> | </td> tags, (the table cell)
Where the cursor is flashing type in:
<div id="scroller"></div>
Then insert all the content that you need to scroll into the 'scroller' <div>
<div id="scroller">Your scrolling content to be inserted here</div>
Next copy the css below and paste it into the head section of your page directly before the closing </head> tag near the top of our page.
<style type="text/css">
#scroller {
width: 300px;
height: 200px;
overflow: auto;
</style>
Change the width and height to whatever suits your needs.

The status bar is pushed up at about 3/4 of the screen, so I can view onlu firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full vi

The status bar is pushed up at about 3/4 of the screen, so I can view only Firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full view
== This happened ==
Every time Firefox opened

Your code is absolutely unreadable - even if someone was willing to
help, it's simply impossible. I do give you a few tips, though: If you
understand your code (i.e. if it really is YOUR code), you should be
able to realize that your minimum and maximum never get set (thus they
are both 0) and your exam 3 is set with the wrong value. SEE where
those should get set and figure out why they're not. Chances are you
are doing something to them that makes one 'if' fail or you just
erroneously assign a wrong variable!

Removing the Vertical scroll bar from the content area.

Hello,
Is there a way to remove the vertical scroll bar from the content area?
I am trying to create a new light portal frame work.
Everything works fine except that I see two vertical scroll bars, one from the content area and another from the page(frame).
Thanks in advance.
-Sudheer

Hi
There are a couple of ways in which to achieve this
1) Try and make the content flat. What I mean by this is that the content area (when using the standard light framework) doesn't contain an iframe, meaning that the iview defined on the page has "EMBEDDED" isolation mode. This should mean that you only have one scrollbar (if the content extends past the size of the browser)
2) If you need to make the iview URL isolation, then try and get the domain of the content to be of a similar domain to your portal server, i.e. your portal is portal.company.com and the content is content.company.com. In this way you can make the pages expand.
NOTE: One thing to note is that when using URL isolation iviews doesn't allow the automatic expanding of the iframe content. This is because the standard javascript doesn't allow this. Therefore you may have to write your own javascript function (or content area page) to do this
I hope this helps
Darrell

Scroll bar in Table of Contents on iPad

The Table of Contents in my project is pretty long. However, when played on an iPad there is no scroll bar to indicate that there are more slides than what is initially seen in the Table of Contents (although you can still scrub through the Table of Contents). Is there a way to add a scroll bar to make it more obvious?

Hello,
Welcome to Adobe Forums
Do you have a MAC or Windows?
Which version of Adobe Captivate are you using?
Do you reproduce this issue on a blank project?
Any possiblity to share you project on [email protected]
Thanks,
Vikram
Adobe Support

Removing vertical scroll bar on innerpage/content area

Hi All,
I am trying to remove extra vertical scroll bar on innerpage/content area. I followed below weblog
http://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/5192 ..."Those pesky scrollbars when using URL isolation"
It works if I give fixed pixels like 1000 px for inner page height.
obj = document.getElementById("isolatedWorkArea");
obj.style.height = 1000 + 'px';
But its not getting dynamic height of the content area using below code which is mentioned in the blog.
reqsize = window.frames[obj.name].document.body.scrollHeight + 100 ;
obj.style.height = reqsize + 'px';
Please advice if anybody have a solution for this.
Thanks a lot.

Hello,
First of all if you wand to remove the scroll bar you should use;
obj.style.overflow="hidden";
About dynamic height I cannot tell you if the sollution proposed on the blog is suitable for you.
Normaly you should use only:
reqsize = document.body.scrollHeight + 100 ;
In order to find out the total height of your page.
I don't understand why do you want to do all this. You will have cases when parts of the content will not be visible to the user due to these restrictions.
BR
Alex

Adding a scroll bar to tabbed panel content?

I have set a specific height to tabbed panels and I don't
want them to expand according to content. Instead I want to add a
scroll bar to the tabbed panels. How can i do this?

Sure it's possible.
Edit the TabbedPanelsContent class in the CSS file.
Add a specific height to it and then add an overflow:auto;
rule to it.
.TabbedPanelsContent {
padding: 4px;
overflow: auto;
height: 200px;
When styling Spry Widgets, for the most part, just think of
them as HTML. Add a height and a scrollbar just as you would to any
DIV.
Hope this helps,
Don

Content canvas to stacked canvas for scroll bars

I have a form which has more items. Initially I developed the form with content canvas(this has vertical scroll bar). now I changed this canvas to stacked canvas to get horizontal + vertical scroll bar. But I am not able to do it. Can any one please advice me how to achieve. Basically I need horizontal + veritcal scroll, so that user can easily scroll it.
Appreciate your help.
Thanks in Advance!!

Hi
This is a common task in Oracle Applications forms, the steps would be:
- Put the context, fixed fields on content canvas, to the left of the window
- Modify the block to show vertical scroll bar, display it on content canvas, to the right of the window
- Accommodate remaining fields on stacked canvas, all of them from 0.0 to the right.
- Modify stacked canvas viewport size and position to be shown in the space between the fixed fields on the content canvas and the vertical scrollbar on it, allow for space to the horizontal scrollbar
- As Craig's answer states, modify stacked canvas property to show horizontal scrollbar

Content and scroll bar spill out of div at bottom

Hello again,
One final teething problem on my website. I have set overflow to auto so a scrollbar will appear if the content exceeds the height specified. I want the window to be scaleable so there are no problems on smaller monitors.
However, if I resize my browser window, the content of the div and the scroll bar both exceed the height of the div and appear behind my footer (#copyright) and hit the bottom of the window, not the bottom of the div. I can't understand this, so I'm here to plead for help!
Pic: http://img156.imageshack.us/img156/9589/screenshot20101013at202.png
The page has a spry menubar, but I don't think this can be related. If it is, it can be seen in my earlier thread. The HTML and CSS have been updated here:
HTML: http://codeviewer.org/view/code:1295
CSS: http://codeviewer.org/view/code:1296
Thank you very much for any help!

It's not clear to me what is actually your code and what may have been injected by your host.
Are you putting google ads and pop-up ads on your page or is your web host doing this? Very annoying.
Are you putting #catfish12861ecc into a position: fixed container or is your host doing this?
Did you put your #copyright into a position: fixed container? I think that should remain static (default) to work well on your site.
Finally have you run your code through the W3C Validation tools?
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fegparadigm.bestinternetdancer.com %2FPhotography%2Fconceptual%2Fexistence%2Fgallery.html%23
Again, I'm not sure if the reported errors are caused by your code or something your host is doing...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Scroll bar position in Content veiwer

When I look at folios (even the preloaded one from adobe) in content viewer on ipad air 2 (landscape only) the black scroll bar is in the center of the screen. Can anyone fix this?

Known issue. Being worked on.

Scroll panel - two contents hooked to one scroll bar?

I've got two boes of content (one running text and one a series of images grouped in a vertical fashion). I want these to move simultaneously but one is much longer than the other - and I want them to finish at the same time, the photos correlating to the text. Using two separate scroll bars is out of the question. I tried to trick it and just copy the same scroll bar on top of the first, hoping that by dragging one you'd drag both, but it only takes the top layer. Any ideas?

I can only think of two solutions:
1) Refactor your design so that the two boxes some how become one element. Then the scroll element will work as designed. You have to think how each element in one box maps it's position to the other box.
2) If you can't refactor the design, then you will need to create an algorthim that will map position in one box to a postiion in the other. Then you will need to write a custom bit of ActionScript in Flash Builder to wire this all up.
Chris

Scrolling Flash Content With Mouse Scroll Bar

I created a custom scroll bar in AS2.0 and it works great.
But now I would like the content to scroll with the mouse scroll
wheel. Any ideas?

Anyone know how to fix this on Mac Osx, it works in preview
but not in safari. Any pointers?
var mouseListener:Object = new Object ();
mouseListener.onMouseWheel = function (delta)
//contentMain._y += delta;
scrollFace._y -= delta;
if (scrollFace._y >= bottom)
scrollFace._y = bottom;
if (scrollFace._y <= top)
scrollFace._y = top;
updateContentPos ();
Mouse.addListener (mouseListener);
function updateContentPos ()
var onePercent = (bottom - top) / 100;
var scrollPerc = Math.floor ((scrollFace._y / onePercent) -
37);
var contentNewY = (contentMain._height * scrollPerc) / 100;
//trace (scrollPerc + " " + contentNewY)
contentMain._y = -contentNewY;
}

Scroll bar pushing content

Similar Messages

Maybe you are looking for