The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Scrollbar not showing up, content scrollbar doesnt show up, nested divs
jacky15
post Nov 1 2012, 03:01 PM
Post #1





Group: Members
Posts: 4
Joined: 1-November 12
Member No.: 18,041



Hi guys,

Im new to the forum, but i have a fairly simple problem (i think)

Im loading content via ajax into a div, but when the content exceeds the page it doesnt show up.

Link: www.metropodox.com

check the architecture section

I know my code might be a little messy, but i just need that scrollbar to show. The content scrolls if you use a mouse wheel or trackpad, but the actual scrollbar doesnt show,

I would also like the content to show all the way to the bottom of the page and stop at the thin video progress bar at the bottom, right now it crops some 30~40 pixels,

thanks,
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 1 2012, 04:11 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,804
Joined: 9-August 06
Member No.: 6



You must have used overflow: hidden in your CSS.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Nov 1 2012, 04:48 PM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



It's the position:fixed; and the height set to the container div.
As for the footer, see http://css-discuss.incutio.com/wiki/Footer_Info and/or http://www.cssstickyfooter.com .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jacky15
post Nov 1 2012, 06:48 PM
Post #4





Group: Members
Posts: 4
Joined: 1-November 12
Member No.: 18,041



Thanks for the suggestions. I was thinking the same. I tried to change overflow on my container div, my body and other things but no luck.

im loading content (html pages) into a div named container2

Heres my CSS:


<style type="text/css">

body {
margin:0;
border:0;
background-color:#FFF;
padding:0;
height:100%;
max-height:100%;
background-image: url(images/bgdark.jpg);
}
* html body {
padding:120px 0 0px 0;
}

#container {

width:100%;
position:fixed;
top:25px;
left:29px;
bottom:10px;
overflow:auto;
padding:15px;
text-align:center;
color: black;
text-align:left;
background:url(images/flash_helper.png) repeat;

}

#footer {
position:absolute;
left:0;
width:100%;
height:60px;
overflow:hidden;
}
* html #footer {height:60px;}
.fixedtable{
table-layout:fixed;
}

/*remove the IE image border*/
a img {border: none; }
/*IE hack to allow flash to get scrooled*/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Nov 2 2012, 03:40 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Start by fixing the errors found by the validator: http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes

You use XHTML, so you need to close tags accordingly. Including META tags, like so: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
And you have another META tag with another charset.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jacky15
post Nov 4 2012, 03:56 PM
Post #6





Group: Members
Posts: 4
Joined: 1-November 12
Member No.: 18,041



I've fixed a few of these issues but doesnt fix my scrollbar problem.

Could it be that im nesting to many divs? I feel like there are too much css or rules that are overriding eachother,
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 4 2012, 08:48 PM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,804
Joined: 9-August 06
Member No.: 6



It's probably the position: fixed as Frederiek said. I hadn't looked at your CSS when I guessed on overflow: hidden.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th May 2020 - 03:15 AM