Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Scrolling Div

Featured Replies

Hi, hope someone can help me out, I recently took over the responsibility of a website for a local church and went about re designing it, but ive come to a stand still basically, I wanted to have a scrolling div containing text, but for some reason the scroll bar wont work, Ive tried moving the div down below all the other div boxes and it works then but as soon as i move it back to where I want it it stops working again. Im not sure what to post so ive taken a couple of screen shots to try and show what I mean. Ive also tried adding links in the text and it doesn't let you click them, its almost like you can see the text box but its under someone thing else.

OK, so it works in internet explorer but not chrome or firefox?

So this shows how it looks in the browser, but the scroll bar does not work:

nb6ayw.png

These are the Div properties for the scroll box:

117h26p.png

and this is how it looks in Dreamweaver, the div scroll box is down below, this shows how Ive used divs to breakup the website etc:

1zo7swn.png

 

 

Hope some one can help, its driving me mad.

 

Many thanks.

 

P.s: Im a novice so please don't use any jargon.

p.s: Ive blurred some stuff out , contact details etc.

Edited by flyte

the scrolling is :

overflow:auto

 

Try your positioning element become relative, and if you try positioning you can put z-index on two element cause z-index only work on positioning like relative, absolute and fixed. Might be the problem your element position fixed.

 

If you put relative you need margin better than positioning like,,top, left, right or bottom.

You can try like this:

 

overflow:auto;
margin-top:151px;
margin-left:367px;
width:600px;
position:relative;

 

 

sorry for my bad english

CMIIW

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.